merge'n'stuff

This commit is contained in:
ChrQR 2024-04-06 16:09:36 +02:00
parent 7136c50e58
commit 584e14f6c2

View File

@ -1,5 +1,5 @@
<script> <script>
import { fade } from "svelte/transition"; import { blur, fade } from "svelte/transition";
import "../app.css"; import "../app.css";
@ -24,7 +24,7 @@
{ {
name: "login", name: "login",
subPages: [], subPages: [],
} },
]; ];
let selected = nav[0]; // keep track of the selected 'page' object. let selected = nav[0]; // keep track of the selected 'page' object.
@ -51,12 +51,13 @@
</ul> </ul>
<hr class="nav-divider max-w-xl h-0.5 border-0 mx-auto my-1 bg-black rounded md:my-1"/> <hr class="nav-divider max-w-xl h-0.5 border-0 mx-auto my-1 bg-black rounded md:my-1"/>
{#key selected} {#key selected}
<ul in:fade={{ delay: 250 }} out:fade={{ duration: 250 }} class="text-center h-4 my-1"> <ul in:blur={{ delay: 250 }} out:blur={{ duration: 250 }} class="text-center h-4 my-1">
{#each selected.subPages as subPage} {#each selected.subPages as subPage}
<li class="sub-nav-item inline-block font-jose"><a class="sub-nav-link text-xl p-2"href={subPage}>{subPage}</a></li> <li class="sub-nav-item inline-block font-jose"><a class="sub-nav-link text-xl p-2"href={subPage}>{subPage}</a></li>
{/each} {/each}
</ul> </ul>
{/key} {/key}
</nav> </nav>
<div class="text-center w-3/5 mx-auto">
<slot /> <slot />
</div>