Use a seperate setting name on android

#460
MarmadileManteater · Jan 12, 2025 · b0a0459 · b0a0459
1 parent 5731b25
commit b0a0459
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 6 deletions.
diff --git a/src/renderer/components/ThemeSettings.vue b/src/renderer/components/ThemeSettings.vue
@@ -263,13 +263,23 @@ function updateHideHeaderLogo(value) {
 }
 
 /** @type {import('vue').ComputedRef<number>} */
-const uiScale = computed(() => store.getters.getUiScale)
+const uiScale = computed(() => {
+  if (process.env.IS_ANDROID) {
+    return store.getters.getUiScaleAndroid
+  } else {
+    return store.getters.getUiScale
+  }
+})
 
 /**
  * @param {number} value
  */
 function updateUiScale(value) {
-  store.dispatch('updateUiScale', value)
+  if (process.env.IS_ANDROID) {
+    store.dispatch('updateUiScaleAndroid', value)
+  } else {
+    store.dispatch('updateUiScale', value)
+  }
 }
 
 const useUiScale = computed(() => store.getters.getUseUiScale)

diff --git a/src/renderer/store/modules/settings.js b/src/renderer/store/modules/settings.js
@@ -306,6 +306,7 @@ const state = {
   defaultInvidiousInstance: '',
   defaultVolume: 1,
   uiScale: 100,
+  uiScaleAndroid: 100,
   useUiScale: false
 }
 
@@ -402,10 +403,12 @@ const sideEffectHandlers = {
     if (process.env.IS_ELECTRON) {
       const { webFrame } = require('electron')
       webFrame.setZoomFactor(value / 100)
-    } else if (process.env.IS_ANDROID) {
-      if (state.useUiScale) {
-        android.setScale(value)
-      }
+    }
+  },
+
+  uiScaleAndroid: (_, value) => {
+    if (state.useUiScale) {
+      android.setScale(value)
     }
   },