From eb91639a5e5556668fdda95236c017659878ba4a Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Tue, 28 Apr 2026 17:06:05 +0200
Subject: [PATCH] =?UTF-8?q?fix(stammbaum):=20responsive=20/stammbaum=20lay?=
 =?UTF-8?q?out=20=E2=80=94=20hidden=20md:block=20aside=20+=20fixed=20botto?=
 =?UTF-8?q?m=20sheet=20on=20mobile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/routes/stammbaum/+page.svelte | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/frontend/src/routes/stammbaum/+page.svelte b/frontend/src/routes/stammbaum/+page.svelte
index 004e044a..f2e4423b 100644
--- a/frontend/src/routes/stammbaum/+page.svelte
+++ b/frontend/src/routes/stammbaum/+page.svelte
@@ -102,13 +102,26 @@ function zoomOut() {
 				/>
 			</div>
 			{#if selectedNode}
-				<aside class="w-[320px] shrink-0 overflow-y-auto border-l border-line bg-surface">
+				<!-- Desktop: side panel on the right -->
+				<aside
+					class="hidden w-[320px] shrink-0 overflow-y-auto border-l border-line bg-surface md:block"
+				>
 					<StammbaumSidePanel
 						node={selectedNode}
 						canWrite={canWrite}
 						onClose={() => (selectedId = null)}
 					/>
 				</aside>
+				<!-- Mobile: fixed bottom sheet -->
+				<div
+					class="fixed inset-x-0 bottom-0 z-40 max-h-[60dvh] overflow-y-auto border-t border-line bg-surface shadow-lg md:hidden"
+				>
+					<StammbaumSidePanel
+						node={selectedNode}
+						canWrite={canWrite}
+						onClose={() => (selectedId = null)}
+					/>
+				</div>
 			{/if}
 		</div>
 	{/if}