From 13c482ea2a70bec58eb011910c157c9bf3eadf0a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 1 Dec 2024 22:15:55 +0200
Subject: [PATCH] hide style tab on mobile

---
 src/components/settings_modal/settings_modal_user_content.js  | 3 +++
 src/components/settings_modal/settings_modal_user_content.vue | 3 ++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index f6b49819..2e1d9954 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -67,6 +67,9 @@ const SettingsModalContent = {
     },
     expertLevel () {
       return this.$store.state.config.expertLevel
+    },
+    isMobileLayout () {
+      return this.$store.state.interface.layoutType === 'mobile'
     }
   },
   methods: {
diff --git a/src/components/settings_modal/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index 06605e7d..4d8981b2 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -21,6 +21,7 @@
       <AppearanceTab />
     </div>
     <div
+      v-if="expertLevel > 0 && !isMobileLayout"
       :label="$t('settings.style.themes3.editor.title')"
       icon="palette"
       data-tab-name="style"
@@ -28,7 +29,7 @@
       <StyleTab />
     </div>
     <div
-      v-if="expertLevel > 0"
+      v-if="expertLevel > 0 && !isMobileLayout"
       :label="$t('settings.theme_old')"
       icon="paint-brush"
       data-tab-name="theme"