fix: wrap toolbar+main in overflow-hidden, free statusbar from clipping

This commit is contained in:
spinline
2026-02-06 14:19:46 +03:00
parent e4cc6322bf
commit 1d06906475

View File

@@ -64,8 +64,9 @@ pub fn App() -> impl IntoView {
<div class="drawer lg:drawer-open h-full w-full"> <div class="drawer lg:drawer-open h-full w-full">
<input id="my-drawer" type="checkbox" class="drawer-toggle" /> <input id="my-drawer" type="checkbox" class="drawer-toggle" />
<div class="drawer-content flex flex-col h-full overflow-x-hidden bg-base-100 text-base-content text-sm select-none"> <div class="drawer-content flex flex-col h-full bg-base-100 text-base-content text-sm select-none">
// Toolbar at the top // Toolbar + main wrapped so overflow-hidden doesn't clip StatusBar dropdowns
<div class="flex-1 flex flex-col overflow-hidden">
<Toolbar /> <Toolbar />
<main class="flex-1 flex flex-col min-w-0 bg-base-100 overflow-hidden"> <main class="flex-1 flex flex-col min-w-0 bg-base-100 overflow-hidden">
@@ -76,8 +77,9 @@ pub fn App() -> impl IntoView {
</Routes> </Routes>
</Router> </Router>
</main> </main>
</div>
// Status Bar at the bottom // Status Bar at the bottom - outside overflow-hidden so dropdowns can open upward
<StatusBar /> <StatusBar />
</div> </div>