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