merge'n'stuff
This commit is contained in:
parent
7136c50e58
commit
584e14f6c2
@ -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>
|
Loading…
Reference in New Issue
Block a user