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:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user