Merge pull request 'UI: fix general layout' (#3397) from hsjobeki/clan-core:ui-3 into main

Reviewed-on: https://git.clan.lol/clan/clan-core/pulls/3397
This commit is contained in:
hsjobeki
2025-04-23 11:33:35 +00:00

View File

@@ -17,25 +17,19 @@ export const Layout: Component<RouteSectionProps> = (props) => {
return ( return (
<div class="h-screen w-full p-4 bg-def-2"> <div class="h-screen w-full p-4 bg-def-2">
<div class="h-full "> <div class="h-full flex">
<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 <div
class=" z-40 h-full !overflow-hidden" class="z-40 h-full overflow-hidden"
classList={{ classList={{
"!hidden": hidden:
props.location.pathname === "welcome" || clanList().length === 0, props.location.pathname === "welcome" || clanList().length === 0,
}} }}
> >
<label
for="toplevel-drawer"
aria-label="close sidebar"
class=" !h-full !overflow-hidden "
></label>
<Sidebar {...props} /> <Sidebar {...props} />
</div> </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>
</div> </div>
); );