feat: improve toggle settings on small windows

sircharlo · Dec 27, 2024 · 58b4676 · 58b4676
1 parent 6ab7c0d
commit 58b4676
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/src/components/dialog/DialogDisplayPopup.vue b/src/components/dialog/DialogDisplayPopup.vue
@@ -89,9 +89,10 @@
               <q-tooltip
                 v-if="screenPreferences.preferWindowed && mediaWindowSize"
                 floating
-                >{{ mediaWindowSize?.width }} x
-                {{ mediaWindowSize?.height }}</q-tooltip
               >
+                {{ mediaWindowSize?.width }} x
+                {{ mediaWindowSize?.height }}
+              </q-tooltip>
             </q-btn>
           </div>
         </div>

diff --git a/src/pages/SettingsPage.vue b/src/pages/SettingsPage.vue
@@ -70,7 +70,7 @@
                                   )
                                 : !currentSettings?.[item.unless])),
                         )
-                        .filter(([settingId, item]) => item.group === groupId)[
+                        .filter(([, item]) => item.group === groupId)[
                         index - 1
                       ]?.[1].subgroup)
                 "
@@ -79,8 +79,9 @@
                 <q-item-label
                   class="q-pl-xl q-ml-lg text-accent-400 text-uppercase"
                   header
-                  >{{ t(item.subgroup) }}</q-item-label
                 >
+                  {{ t(item.subgroup) }}
+                </q-item-label>
               </template>
               <q-separator
                 v-if="index === 0 && !item.subgroup"
@@ -109,7 +110,11 @@
                   'rounded-borders': true,
                 }"
                 :inset-level="1"
-                :style="$q.screen.lt.sm ? 'flex-direction: column' : ''"
+                :style="
+                  $q.screen.lt.sm && item.type !== 'toggle'
+                    ? 'flex-direction: column'
+                    : ''
+                "
                 tag="label"
               >
                 <q-item-section>

diff --git a/src/pages/SetupWizard.vue b/src/pages/SetupWizard.vue
@@ -518,7 +518,6 @@
           :name="300"
           :title="t('congratulations')"
         >
-          <!-- This icon is from the Material Design Icons collection -->
           <p class="text-subtitle1">{{ t('m-is-now-ready-to-be-used') }}</p>
           <p>
             {{