fix: wrap toolbar+main in overflow-hidden, free statusbar from clipping
This commit is contained in:
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user