Now even prettier with the new Tailwind CSS plugin. Probably should have done this long ago...
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user