hide style tab on mobile

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: {

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"