CraftAttack/website
4
0
Fork 0
Code Issues 2 Pull Requests Actions Activity

update sidebar layout

Browse Source
This commit is contained in:
Ruben Otto
2025-11-30 17:50:10 +01:00
parent c82138440e
commit 7c04bc6e48
1 changed files with 58 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/layouts/admin/AdminLayout.astro
View File

@@ -82,8 +82,9 @@ const adminTabs = [
<BaseLayout title={title}> <BaseLayout title={title}>
<ClientRouter /> <ClientRouter />
<div class="flex flex-row max-h-[100vh]"> <div class="flex flex-row max-h-[100vh] overflow-hidden">
<ul class="menu bg-base-200 w-70 h-[100vh] flex"> <div class="bg-base-200 w-72 flex flex-col justify-between overflow-scroll">
<ul class="menu">
{ {
preTabs.map((tab) => ( preTabs.map((tab) => (
<li> <li>
@@ -120,20 +121,25 @@ const adminTabs = [
) )
) )
} }
</ul>
<ul class="menu">
{ {
Astro.slots.has('actions') && ( Astro.slots.has('actions') && (
<fieldset class="fieldset bg-base-300 border-base-100 rounded-box border p-2 -ml-1.5 -mr-1.5 mt-auto"> <fieldset class="fieldset bg-base-300 border-base-100 rounded-box border p-2">
<slot name="actions" /> <slot name="actions" />
</fieldset> </fieldset>
) )
} }
<li class:list={[Astro.slots.has('actions') ? null : 'mt-auto']}> <div class="divider mx-1 my-0"></div>
<li>
<button id="logout"> <button id="logout">
<span class="iconify iconify-[heroicons--arrow-left-end-on-rectangle]"></span> <span class="iconify iconify-[heroicons--arrow-left-end-on-rectangle]"></span>
<span>Ausloggen</span> <span>Ausloggen</span>
</button> </button>
</li> </li>
</ul> </ul>
</div>
<div class="w-full overflow-scroll relative"> <div class="w-full overflow-scroll relative">
<slot /> <slot />
</div> </div>