diff --git a/src/client/app/desktop/views/components/settings.vue b/src/client/app/desktop/views/components/settings.vue index 676dfe6707..5ffe69ef45 100644 --- a/src/client/app/desktop/views/components/settings.vue +++ b/src/client/app/desktop/views/components/settings.vue @@ -414,8 +414,8 @@ export default Vue.extend({ }, lineWidth: { - get() { return this.$store.state.settings.lineWidth; }, - set(value) { this.$store.dispatch('settings/set', { key: 'lineWidth', value }); } + get() { return this.$store.state.device.lineWidth; }, + set(value) { this.$store.commit('device/set', { key: 'lineWidth', value }); } }, fetchOnScroll: { diff --git a/src/client/app/init.ts b/src/client/app/init.ts index af9e5f6e08..c9d6fa4737 100644 --- a/src/client/app/init.ts +++ b/src/client/app/init.ts @@ -414,11 +414,11 @@ export default (callback: (launch: (router: VueRouter) => [Vue, MiOS]) => void, //#endregion //#region line width - document.documentElement.style.setProperty('--lineWidth', `${os.store.state.settings.lineWidth}px`); + document.documentElement.style.setProperty('--lineWidth', `${os.store.state.device.lineWidth}px`); os.store.watch(s => { - return s.settings.lineWidth; + return s.device.lineWidth; }, v => { - document.documentElement.style.setProperty('--lineWidth', `${os.store.state.settings.lineWidth}px`); + document.documentElement.style.setProperty('--lineWidth', `${os.store.state.device.lineWidth}px`); }); //#endregion diff --git a/src/client/app/mobile/views/pages/settings.vue b/src/client/app/mobile/views/pages/settings.vue index e372912474..e8bf0becbb 100644 --- a/src/client/app/mobile/views/pages/settings.vue +++ b/src/client/app/mobile/views/pages/settings.vue @@ -267,8 +267,8 @@ export default Vue.extend({ }, lineWidth: { - get() { return this.$store.state.settings.lineWidth; }, - set(value) { this.$store.dispatch('settings/set', { key: 'lineWidth', value }); } + get() { return this.$store.state.device.lineWidth; }, + set(value) { this.$store.commit('device/set', { key: 'lineWidth', value }); } }, contrastedAcct: { diff --git a/src/client/app/store.ts b/src/client/app/store.ts index 604bf2d46a..03fc9565d8 100644 --- a/src/client/app/store.ts +++ b/src/client/app/store.ts @@ -21,7 +21,6 @@ const defaultSettings = { showClockOnHeader: true, useShadow: true, roundedCorners: false, - lineWidth: 1, circleIcons: true, contrastedAcct: true, showFullAcct: false, @@ -53,6 +52,7 @@ const defaultDeviceSettings = { darkmode: false, darkTheme: 'dark', lightTheme: 'light', + lineWidth: 1, themes: [], enableSounds: true, soundVolume: 0.5,