mirror of
https://github.com/TriliumNext/Notes.git
synced 2025-07-27 18:12:29 +08:00
feat(website): very simple header
This commit is contained in:
parent
77213a0dbe
commit
e66e70f7f2
@ -1,7 +1,10 @@
|
||||
<script lang="ts">
|
||||
import '../app.css';
|
||||
import Header from './header.svelte';
|
||||
|
||||
let { children } = $props();
|
||||
</script>
|
||||
|
||||
<Header />
|
||||
|
||||
{@render children()}
|
||||
|
@ -1,2 +1,2 @@
|
||||
<h1>Welcome to SvelteKit</h1>
|
||||
<h1>Welcome to SvelteKitt</h1>
|
||||
<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>
|
||||
|
18
apps/website/src/routes/header.svelte
Normal file
18
apps/website/src/routes/header.svelte
Normal file
@ -0,0 +1,18 @@
|
||||
<header class="header">
|
||||
<div class="container mx-auto flex items-center">
|
||||
<div class="header-logo">
|
||||
Logo goes here.
|
||||
</div>
|
||||
|
||||
<div class="group w-full">
|
||||
<nav class="header-nav">
|
||||
<ul class="flex items-center justify-end gap-4">
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/about">About</a></li>
|
||||
<li><a href="/services">Services</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
Loading…
x
Reference in New Issue
Block a user