diff options
Diffstat (limited to 'src/client')
| -rw-r--r-- | src/client/app/desktop/views/components/settings.vue | 8 | ||||
| -rw-r--r-- | src/client/app/mobile/views/pages/settings.vue | 11 |
2 files changed, 15 insertions, 4 deletions
diff --git a/src/client/app/desktop/views/components/settings.vue b/src/client/app/desktop/views/components/settings.vue index 45367c7434..676dfe6707 100644 --- a/src/client/app/desktop/views/components/settings.vue +++ b/src/client/app/desktop/views/components/settings.vue @@ -100,10 +100,10 @@ <ui-switch v-model="roundedCorners">{{ $t('rounded-corners') }}</ui-switch> <ui-switch v-model="circleIcons">{{ $t('circle-icons') }}</ui-switch> <section> - <header>{{ $t('line-width') }}</header> - <ui-radio v-model="lineWidth" :value="0.5">{{ $t('line-width-thin') }}</ui-radio> - <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> + <header>{{ $t('@.line-width') }}</header> + <ui-radio v-model="lineWidth" :value="0.5">{{ $t('@.line-width-thin') }}</ui-radio> + <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> <ui-switch v-model="reduceMotion">{{ $t('@.reduce-motion') }}</ui-switch> <ui-switch v-model="contrastedAcct">{{ $t('contrasted-acct') }}</ui-switch> diff --git a/src/client/app/mobile/views/pages/settings.vue b/src/client/app/mobile/views/pages/settings.vue index 87db25721a..e372912474 100644 --- a/src/client/app/mobile/views/pages/settings.vue +++ b/src/client/app/mobile/views/pages/settings.vue @@ -15,6 +15,12 @@ <section> <ui-switch v-model="darkmode">{{ $t('dark-mode') }}</ui-switch> <ui-switch v-model="circleIcons">{{ $t('circle-icons') }}</ui-switch> + <section> + <header>{{ $t('@.line-width') }}</header> + <ui-radio v-model="lineWidth" :value="0.5">{{ $t('@.line-width-thin') }}</ui-radio> + <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> <ui-switch v-model="reduceMotion">{{ $t('@.reduce-motion') }} ({{ $t('@.this-setting-is-this-device-only') }})</ui-switch> <ui-switch v-model="contrastedAcct">{{ $t('contrasted-acct') }}</ui-switch> <ui-switch v-model="showFullAcct">{{ $t('@.show-full-acct') }}</ui-switch> @@ -260,6 +266,11 @@ export default Vue.extend({ set(value) { this.$store.dispatch('settings/set', { key: 'circleIcons', value }); } }, + lineWidth: { + get() { return this.$store.state.settings.lineWidth; }, + set(value) { this.$store.dispatch('settings/set', { key: 'lineWidth', value }); } + }, + contrastedAcct: { get() { return this.$store.state.settings.contrastedAcct; }, set(value) { this.$store.dispatch('settings/set', { key: 'contrastedAcct', value }); } |