UI: fix general layout

This commit is contained in:
Johannes Kirschbauer
2025-04-23 12:14:26 +02:00
committed by Mic92
parent cdf3f5df4b
commit 0289c3ddea

View File

@@ -17,25 +17,19 @@ export const Layout: Component<RouteSectionProps> = (props) => {
return (
<div class="h-screen w-full p-4 bg-def-2">
<div class="h-full ">
<input id="toplevel-drawer" type="checkbox" class=" hidden" />
<div class=" my-2 ml-8 overflow-x-hidden overflow-y-scroll rounded-lg border bg-def-1 border-def-3">
{props.children}
</div>
<div class="h-full flex">
<div
class=" z-40 h-full !overflow-hidden"
class="z-40 h-full overflow-hidden"
classList={{
"!hidden":
hidden:
props.location.pathname === "welcome" || clanList().length === 0,
}}
>
<label
for="toplevel-drawer"
aria-label="close sidebar"
class=" !h-full !overflow-hidden "
></label>
<Sidebar {...props} />
</div>
<div class="w-full my-2 ml-8 overflow-x-hidden overflow-y-scroll rounded-lg border bg-def-1 border-def-3">
{props.children}
</div>
</div>
</div>
);