diff options
| author | 135e2 <135e2@135e2.tk> | 2022-08-13 23:29:51 +0800 |
|---|---|---|
| committer | 135e2 <135e2@135e2.tk> | 2022-08-13 23:29:51 +0800 |
| commit | 6deb1d8bbf5bcf9235f74d15d11919431a3bf469 (patch) | |
| tree | f0501dea296f297c5468e2134a11a3ae70deb67c | |
| parent | eabfc1530ad3745b3a23db3811222575eeef47f5 (diff) | |
| download | otonashi-6deb1d8bbf5bcf9235f74d15d11919431a3bf469.tar.gz otonashi-6deb1d8bbf5bcf9235f74d15d11919431a3bf469.tar.bz2 otonashi-6deb1d8bbf5bcf9235f74d15d11919431a3bf469.zip | |
feat(SettingsPage): improve Content Size accessibility
| -rw-r--r-- | src/components/SettingsPage.vue | 18 |
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> |