diff options
Diffstat (limited to 'src/client/app/mobile/views/pages/settings.vue')
| -rw-r--r-- | src/client/app/mobile/views/pages/settings.vue | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/src/client/app/mobile/views/pages/settings.vue b/src/client/app/mobile/views/pages/settings.vue index aec06adee5..6f5d0ec486 100644 --- a/src/client/app/mobile/views/pages/settings.vue +++ b/src/client/app/mobile/views/pages/settings.vue @@ -24,6 +24,14 @@ <ui-radio v-model="lineWidth" :value="1">{{ $t('@.line-width-normal') }}</ui-radio> <ui-radio v-model="lineWidth" :value="2">{{ $t('@.line-width-thick') }}</ui-radio> </section> + <section> + <header>{{ $t('@.font-size') }}</header> + <ui-radio v-model="fontSize" :value="-2">{{ $t('@.font-size-x-small') }}</ui-radio> + <ui-radio v-model="fontSize" :value="-1">{{ $t('@.font-size-small') }}</ui-radio> + <ui-radio v-model="fontSize" :value="0">{{ $t('@.font-size-medium') }}</ui-radio> + <ui-radio v-model="fontSize" :value="1">{{ $t('@.font-size-large') }}</ui-radio> + <ui-radio v-model="fontSize" :value="2">{{ $t('@.font-size-x-large') }}</ui-radio> + </section> <ui-switch v-model="reduceMotion">{{ $t('@.reduce-motion') }}</ui-switch> <ui-switch v-model="contrastedAcct">{{ $t('@.contrasted-acct') }}</ui-switch> <ui-switch v-model="showFullAcct">{{ $t('@.show-full-acct') }}</ui-switch> @@ -319,6 +327,11 @@ export default Vue.extend({ set(value) { this.$store.commit('device/set', { key: 'lineWidth', value }); } }, + fontSize: { + get() { return this.$store.state.device.fontSize; }, + set(value) { this.$store.commit('device/set', { key: 'fontSize', value }); } + }, + contrastedAcct: { get() { return this.$store.state.settings.contrastedAcct; }, set(value) { |