diff --git a/frontend-v2/src/lib/components/layout/AppShell.svelte b/frontend-v2/src/lib/components/layout/AppShell.svelte index b2cd979..704256d 100644 --- a/frontend-v2/src/lib/components/layout/AppShell.svelte +++ b/frontend-v2/src/lib/components/layout/AppShell.svelte @@ -557,22 +557,33 @@ top: 0; left: 0; bottom: 0; - width: min(320px, 86vw); - padding: 18px 16px; + width: min(300px, 82vw); + padding: 16px 14px; + padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)); background: linear-gradient(180deg, rgba(250, 246, 239, 0.96), rgba(244, 237, 228, 0.94)); border-right: 1px solid var(--shell-line); backdrop-filter: blur(20px); z-index: 40; display: flex; flex-direction: column; - gap: 18px; + gap: 12px; + overflow-y: auto; + } + .mobile-nav-list { + flex: 1; + display: flex; + flex-direction: column; + gap: 2px; + } + .mobile-nav-list a { + padding: 10px 12px; } - .mobile-nav-list { flex: 1; } .mobile-nav-bottom { display: grid; - gap: 10px; - padding-top: 14px; + gap: 8px; + padding-top: 12px; border-top: 1px solid var(--shell-line); + flex-shrink: 0; } .mobile-nav-head { diff --git a/frontend-v2/src/lib/pages/brain/AtelierBrainPage.svelte b/frontend-v2/src/lib/pages/brain/AtelierBrainPage.svelte index 445626b..35756a8 100644 --- a/frontend-v2/src/lib/pages/brain/AtelierBrainPage.svelte +++ b/frontend-v2/src/lib/pages/brain/AtelierBrainPage.svelte @@ -1385,8 +1385,8 @@ .brain-layout { margin: 0; } .masonry { columns: 1; } .detail-sheet { width: 100%; padding: 20px; } - .viewer-overlay { padding: 12px; } - .viewer-layout { grid-template-columns: 1fr; grid-template-rows: 1fr auto; width: 100%; height: 90vh; border-radius: 18px; } - .viewer-sidebar { max-height: 40vh; border-left: none; border-top: 1px solid rgba(35,26,17,0.08); } + .viewer-overlay { padding: 0; } + .viewer-layout { grid-template-columns: 1fr; grid-template-rows: 55vh 1fr; width: 100%; height: 100vh; border-radius: 0; max-width: 100%; } + .viewer-sidebar { max-height: none; border-left: none; border-top: 1px solid rgba(35,26,17,0.08); overflow-y: auto; } } diff --git a/screenshots/2026-04-02T05-23-22.jpeg b/screenshots/2026-04-02T05-23-22.jpeg new file mode 100644 index 0000000..1cc9ef4 Binary files /dev/null and b/screenshots/2026-04-02T05-23-22.jpeg differ