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

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

@@ -82,58 +82,64 @@ 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) => ( {
<li> preTabs.map((tab) => (
<a href={tab.href}> <li>
<span class="iconify" class:list={tab.iconClass} /> <a href={tab.href}>
<span>{tab.name}</span> <span class="iconify" class:list={tab.iconClass} />
</a> <span>{tab.name}</span>
</li> </a>
)) </li>
} ))
<div class="divider mx-1 my-1"></div> }
{ <div class="divider mx-1 my-1"></div>
adminTabs.map( {
(tab) => adminTabs.map(
tab.enabled && ( (tab) =>
<li> tab.enabled && (
<a href={tab.href}> <li>
<span class="iconify" class:list={tab.iconClass} /> <a href={tab.href}>
<span>{tab.name}</span> <span class="iconify" class:list={tab.iconClass} />
</a> <span>{tab.name}</span>
{tab.subTabs && ( </a>
<ul> {tab.subTabs && (
{tab.subTabs.map((subTab) => ( <ul>
<li> {tab.subTabs.map((subTab) => (
<a href={subTab.href}> <li>
<span class="iconify" class:list={subTab.iconClass} /> <a href={subTab.href}>
<span>{subTab.name}</span> <span class="iconify" class:list={subTab.iconClass} />
</a> <span>{subTab.name}</span>
</li> </a>
))} </li>
</ul> ))}
)} </ul>
</li> )}
) </li>
) )
} )
{ }
Astro.slots.has('actions') && ( </ul>
<fieldset class="fieldset bg-base-300 border-base-100 rounded-box border p-2 -ml-1.5 -mr-1.5 mt-auto"> <ul class="menu">
<slot name="actions" /> {
</fieldset> Astro.slots.has('actions') && (
) <fieldset class="fieldset bg-base-300 border-base-100 rounded-box border p-2">
} <slot name="actions" />
<li class:list={[Astro.slots.has('actions') ? null : 'mt-auto']}> </fieldset>
<button id="logout"> )
<span class="iconify iconify-[heroicons--arrow-left-end-on-rectangle]"></span> }
<span>Ausloggen</span> <div class="divider mx-1 my-0"></div>
</button> <li>
</li> <button id="logout">
</ul> <span class="iconify iconify-[heroicons--arrow-left-end-on-rectangle]"></span>
<span>Ausloggen</span>
</button>
</li>
</ul>
</div>
<div class="w-full overflow-scroll relative"> <div class="w-full overflow-scroll relative">
<slot /> <slot />
</div> </div>