aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
feat(SettingsPage): improve Content Size accessibility
1 files changed, 15 insertions, 3 deletions
diff --git a/src/components/SettingsPage.vue b/src/components/SettingsPage.vue
index ebd4473..33d07ec 100644
--- a/src/components/SettingsPage.vue
+++ b/src/components/SettingsPage.vue
@@ -20,9 +20,21 @@
<v-col>
<v-card-text>Content Size</v-card-text>
<v-radio-group v-model="contentSize" column>
- <v-radio label="text-h4" value="text-h4"></v-radio>
- <v-radio label="text-h5" value="text-h5"></v-radio>
- <v-radio label="text-h6" value="text-h6"></v-radio>
+ <v-radio value="text-h4">
+ <template v-slot:label>
+ <div class="text-h4">text-h4</div>
+ </template>
+ </v-radio>
+ <v-radio value="text-h5"
+ ><template v-slot:label>
+ <div class="text-h5">text-h5</div>
+ </template></v-radio
+ >
+ <v-radio value="text-h6"
+ ><template v-slot:label>
+ <div class="text-h6">text-h6</div>
+ </template></v-radio
+ >
</v-radio-group>
</v-col>
</v-row>