From eb50936a06bf96267645f6d5df87b0affc32bdea Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Sat, 25 Jul 2026 16:13:47 +0200
Subject: [PATCH] fix(settings): use wrapper only if settings shown

The .settings-main-content wrapper in the settings view is now only
used if there are settings shown. It is not used if the settings are
still loading or no section is selected.
---
 src/features/settings/views/SettingsView.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/features/settings/views/SettingsView.vue b/src/features/settings/views/SettingsView.vue
index abf3cb2..921114c 100644
--- a/src/features/settings/views/SettingsView.vue
+++ b/src/features/settings/views/SettingsView.vue
@@ -84,16 +84,16 @@ onMounted(async () => {
                     </li>
                 </ul>
             </template>
-            <div class="settings-main-content">
-                <div v-if="!settingsLoaded">
-                    {{ t('loading') }}
-                </div>
-                <div v-else-if="activeSection">
+            <div v-if="!settingsLoaded">
+                {{ t('loading') }}
+            </div>
+            <div v-else-if="activeSection">
+                <div class="settings-main-content">
                     <SettingsPage :setting="activeSectionContent" :path="activeSection" />
                 </div>
-                <div v-else>
-                    {{ t('settings.noSectionSelected') }}
-                </div>
+            </div>
+            <div v-else>
+                {{ t('settings.noSectionSelected') }}
             </div>
         </LeftSidebarLayout>
     </div>