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}>
<ClientRouter />
<div class="flex flex-row max-h-[100vh]">
<ul class="menu bg-base-200 w-70 h-[100vh] flex">
{
preTabs.map((tab) => (
<li>
<a href={tab.href}>
<span class="iconify" class:list={tab.iconClass} />
<span>{tab.name}</span>
</a>
</li>
))
}
<div class="divider mx-1 my-1"></div>
{
adminTabs.map(
(tab) =>
tab.enabled && (
<li>
<a href={tab.href}>
<span class="iconify" class:list={tab.iconClass} />
<span>{tab.name}</span>
</a>
{tab.subTabs && (
<ul>
{tab.subTabs.map((subTab) => (
<li>
<a href={subTab.href}>
<span class="iconify" class:list={subTab.iconClass} />
<span>{subTab.name}</span>
</a>
</li>
))}
</ul>
)}
</li>
)
)
}
{
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">
<slot name="actions" />
</fieldset>
)
}
<li class:list={[Astro.slots.has('actions') ? null : 'mt-auto']}>
<button id="logout">
<span class="iconify iconify-[heroicons--arrow-left-end-on-rectangle]"></span>
<span>Ausloggen</span>
</button>
</li>
</ul>
<div class="flex flex-row max-h-[100vh] overflow-hidden">
<div class="bg-base-200 w-72 flex flex-col justify-between overflow-scroll">
<ul class="menu">
{
preTabs.map((tab) => (
<li>
<a href={tab.href}>
<span class="iconify" class:list={tab.iconClass} />
<span>{tab.name}</span>
</a>
</li>
))
}
<div class="divider mx-1 my-1"></div>
{
adminTabs.map(
(tab) =>
tab.enabled && (
<li>
<a href={tab.href}>
<span class="iconify" class:list={tab.iconClass} />
<span>{tab.name}</span>
</a>
{tab.subTabs && (
<ul>
{tab.subTabs.map((subTab) => (
<li>
<a href={subTab.href}>
<span class="iconify" class:list={subTab.iconClass} />
<span>{subTab.name}</span>
</a>
</li>
))}
</ul>
)}
</li>
)
)
}
</ul>
<ul class="menu">
{
Astro.slots.has('actions') && (
<fieldset class="fieldset bg-base-300 border-base-100 rounded-box border p-2">
<slot name="actions" />
</fieldset>
)
}
<div class="divider mx-1 my-0"></div>
<li>
<button id="logout">
<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">
<slot />
</div>