diff options
| author | Henry Jameson <me@hjkos.com> | 2021-03-11 16:11:44 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2021-03-11 16:11:44 +0200 |
| commit | c6d4c20982261b55b16dda59c3e657eb1feb0041 (patch) | |
| tree | 1c3051d5c1ce59b02cb2eaaac78a05835c20250e /src/components/font_control/font_control.vue | |
| parent | 6281241b92bc17a9535b15a52e656b9f218e3322 (diff) | |
Made Select component to make using styled selects easier
Diffstat (limited to 'src/components/font_control/font_control.vue')
| -rw-r--r-- | src/components/font_control/font_control.vue | 32 |
1 files changed, 11 insertions, 21 deletions
diff --git a/src/components/font_control/font_control.vue b/src/components/font_control/font_control.vue index dd117ec0..996ff92c 100644 --- a/src/components/font_control/font_control.vue +++ b/src/components/font_control/font_control.vue @@ -22,30 +22,20 @@ class="opt-l" :for="name + '-o'" /> - <label - :for="name + '-font-switcher'" - class="select" + <Select + :id="name + '-font-switcher'" + v-model="preset" :disabled="!present" + class="font-switcher" > - <select - :id="name + '-font-switcher'" - v-model="preset" - :disabled="!present" - class="font-switcher" + <option + v-for="option in availableOptions" + :key="option" + :value="option" > - <option - v-for="option in availableOptions" - :key="option" - :value="option" - > - {{ option === 'custom' ? $t('settings.style.fonts.custom') : option }} - </option> - </select> - <FAIcon - class="select-down-icon" - icon="chevron-down" - /> - </label> + {{ option === 'custom' ? $t('settings.style.fonts.custom') : option }} + </option> + </Select> <input v-if="isCustom" :id="name" |