diff options
| author | Henry Jameson <me@hjkos.com> | 2024-06-27 00:59:24 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2024-06-27 00:59:24 +0300 |
| commit | 80cbf29bdf7c6cd3695d1e4cf49a8e38bff847ed (patch) | |
| tree | ea55dc6d4bf563220401a26f01fda0e9911a7d0c /src/components/settings_modal/tabs/appearance_tab.vue | |
| parent | 925fd863fe2be2cd273507dbb2688efb2d0ae07e (diff) | |
fields for user font overrides
Diffstat (limited to 'src/components/settings_modal/tabs/appearance_tab.vue')
| -rw-r--r-- | src/components/settings_modal/tabs/appearance_tab.vue | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue index 5356292e..fb24cc6b 100644 --- a/src/components/settings_modal/tabs/appearance_tab.vue +++ b/src/components/settings_modal/tabs/appearance_tab.vue @@ -35,6 +35,51 @@ </div> </li> <li> + <h3>{{ $t('settings.style.interface_font_user_override') }}</h3> + <ul class="setting-list"> + <li> + <FontControl + :model-value="fontsOverride.interface" + name="ui" + :label="$t('settings.style.fonts.components.interface')" + :fallback="{ family: 'sans-serif' }" + no-inherit="1" + @update:modelValue="v => $store.dispatch('setOption', { name: 'fontsOverride', value: { ...fontsOverride, interface: v } })" + /> + </li> + <li> + <FontControl + v-if="expertLevel > 0" + :model-value="fontsOverride.input" + name="input" + :fallback="{ family: 'inherit' }" + :label="$t('settings.style.fonts.components.input')" + @update:modelValue="v => $store.dispatch('setOption', { name: 'fontsOverride', value: { ...fontsOverride, input: v } })" + /> + </li> + <li> + <FontControl + v-if="expertLevel > 0" + :model-value="fontsOverride.post" + name="post" + :fallback="{ family: 'inherit' }" + :label="$t('settings.style.fonts.components.post')" + @update:modelValue="v => $store.dispatch('setOption', { name: 'fontsOverride', value: { ...fontsOverride, post: v } })" + /> + </li> + <li> + <FontControl + v-if="expertLevel > 0" + :model-value="fontsOverride.postCode" + name="postCode" + :fallback="{ family: 'monospace' }" + :label="$t('settings.style.fonts.components.postCode')" + @update:modelValue="v => $store.dispatch('setOption', { name: 'fontsOverride', value: { ...fontsOverride, postCode: v } })" + /> + </li> + </ul> + </li> + <li> <UnitSetting path="emojiSize" step="0.1" |