Settings capitalizations limited to first word

This commit is contained in:
Nikita Krupin 2022-07-19 19:13:01 -04:00
parent be9c564199
commit 3c58bc1976
1 changed files with 10 additions and 2 deletions

View File

@ -12,7 +12,7 @@
> >
<v-btn <v-btn
text text
class="entry text-left text-capitalize no-spacing" class="entry text-left setting-btn no-spacing"
:to="item.to" :to="item.to"
:disabled="item.disabled" :disabled="item.disabled"
:style="{ :style="{
@ -49,7 +49,7 @@
<v-btn <v-btn
v-if="devmode" v-if="devmode"
text text
class="entry text-left text-capitalize no-spacing" class="entry text-left setting-btn no-spacing"
to="/mods/developer" to="/mods/developer"
:style="{ :style="{
borderRadius: `${$store.state.tweaks.roundTweak / 2}rem`, borderRadius: `${$store.state.tweaks.roundTweak / 2}rem`,
@ -154,6 +154,14 @@ export default {
</script> </script>
<style scoped> <style scoped>
.setting-btn {
/* overrides Vuetify defaults (all caps) */
text-transform: none !important;
}
.setting-btn:first-letter {
/* Capitalizes first-letter only */
text-transform: uppercase !important;
}
.entry { .entry {
width: 100%; width: 100%;
font-size: 1.2em; font-size: 1.2em;