summaryrefslogtreecommitdiff
path: root/src/client/pages/settings/general.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/pages/settings/general.vue')
-rw-r--r--src/client/pages/settings/general.vue15
1 files changed, 13 insertions, 2 deletions
diff --git a/src/client/pages/settings/general.vue b/src/client/pages/settings/general.vue
index 7c2905fdeb..d7acc9ad4f 100644
--- a/src/client/pages/settings/general.vue
+++ b/src/client/pages/settings/general.vue
@@ -33,11 +33,12 @@
<FormSwitch v-model:value="disableAnimatedMfm">{{ $t('disableAnimatedMfm') }}</FormSwitch>
<FormSwitch v-model:value="reduceAnimation">{{ $t('reduceUiAnimation') }}</FormSwitch>
<FormSwitch v-model:value="useBlurEffectForModal">{{ $t('useBlurEffectForModal') }}</FormSwitch>
+ <FormSwitch v-model:value="loadRawImages">{{ $t('loadRawImages') }}</FormSwitch>
+ <FormSwitch v-model:value="disableShowingAnimatedImages">{{ $t('disableShowingAnimatedImages') }}</FormSwitch>
+ <FormSwitch v-model:value="useSystemFont">{{ $t('useSystemFont') }}</FormSwitch>
<FormSwitch v-model:value="useOsNativeEmojis">{{ $t('useOsNativeEmojis') }}
<div><Mfm text="🍮🍦🍭🍩🍰🍫🍬🥞🍪"/></div>
</FormSwitch>
- <FormSwitch v-model:value="loadRawImages">{{ $t('loadRawImages') }}</FormSwitch>
- <FormSwitch v-model:value="disableShowingAnimatedImages">{{ $t('disableShowingAnimatedImages') }}</FormSwitch>
</FormGroup>
<FormRadios v-model="fontSize">
@@ -118,6 +119,7 @@ export default defineComponent({
langs,
lang: localStorage.getItem('lang'),
fontSize: localStorage.getItem('fontSize'),
+ useSystemFont: localStorage.getItem('useSystemFont') != null,
faImage, faCog, faColumns
}
},
@@ -221,6 +223,15 @@ export default defineComponent({
location.reload();
},
+ useSystemFont() {
+ if (this.useSystemFont) {
+ localStorage.setItem('useSystemFont', 't');
+ } else {
+ localStorage.removeItem('useSystemFont');
+ }
+ location.reload();
+ },
+
enableInfiniteScroll() {
location.reload()
},