Now even prettier with the new Tailwind CSS plugin. Probably should have done this long ago...

This commit is contained in:
Scott Idem
2026-03-24 12:11:25 -04:00
parent 9a75243d9c
commit e9379be5a1
22 changed files with 615 additions and 615 deletions

View File

@@ -38,10 +38,10 @@ onMount(() => {
</svelte:head>
<div
class="ae_core h-full max-h-full max-w-6xl overflow-auto flex flex-col gap-1 m-auto p-4">
class="ae_core m-auto flex h-full max-h-full max-w-6xl flex-col gap-1 overflow-auto p-4">
{#if $ae_loc.manager_access}
<nav
class="flex flex-wrap gap-2 mb-6 border-b border-surface-500/30 pb-4">
class="border-surface-500/30 mb-6 flex flex-wrap gap-2 border-b pb-4">
<a href="/core" class="btn btn-sm preset-tonal-surface">
<LayoutDashboard size={14} class="mr-1" /> Dashboard
</a>
@@ -73,13 +73,13 @@ onMount(() => {
</a>
</nav>
<section class="main_content grow px-1 md:px-2 pb-28">
<section class="main_content grow px-1 pb-28 md:px-2">
{@render children?.()}
</section>
{:else}
<section
class="flex flex-col items-center justify-center grow text-center space-y-4 py-20">
<div class="p-6 bg-error-500/10 rounded-full">
class="flex grow flex-col items-center justify-center space-y-4 py-20 text-center">
<div class="bg-error-500/10 rounded-full p-6">
<Lock size={64} class="text-error-500" />
</div>
<h1 class="h1 font-black">Access Restricted</h1>