From 6deb1d8bbf5bcf9235f74d15d11919431a3bf469 Mon Sep 17 00:00:00 2001
From: 135e2 <135e2@135e2.tk>
Date: Sat, 13 Aug 2022 23:29:51 +0800
Subject: feat(SettingsPage): improve Content Size accessibility

---
 src/components/SettingsPage.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

(limited to 'src/components/SettingsPage.vue')

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>
-- 
cgit v1.2.3

