From 9aa5169f8e30a8f6861525f75477ad0c78ddcb58 Mon Sep 17 00:00:00 2001
From: Till JS <tills95@gmail.com>
Date: Wed, 25 Mar 2026 13:07:29 +0100
Subject: [PATCH] fix(storage): move onboarding modal outside flex layout
 container

The MiniOnboardingModal was placed inside the .layout-container flex div,
which interfered with its fixed positioning and caused it to render
unstyled at the bottom of the screen. Moved it to the same level as
SessionExpiredBanner, outside the layout container.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 apps/storage/apps/web/src/routes/+layout.svelte | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/apps/storage/apps/web/src/routes/+layout.svelte b/apps/storage/apps/web/src/routes/+layout.svelte
index 0b62b7cac..686f093db 100644
--- a/apps/storage/apps/web/src/routes/+layout.svelte
+++ b/apps/storage/apps/web/src/routes/+layout.svelte
@@ -198,12 +198,13 @@
 					{@render children()}
 				</div>
 			</main>
-
-			<!-- Onboarding Modal -->
-			{#if storageOnboarding.shouldShow}
-				<MiniOnboardingModal store={storageOnboarding} appName="Storage" appEmoji="☁️" />
-			{/if}
 		</div>
+
+		<!-- Onboarding Modal -->
+		{#if storageOnboarding.shouldShow}
+			<MiniOnboardingModal store={storageOnboarding} appName="Storage" appEmoji="☁️" />
+		{/if}
+
 		<SessionExpiredBanner locale={$locale || 'de'} loginHref="/login" />
 	{/if}
 </AuthGate>