feat(ui): scaffold SvelteKit app with Tailwind v4, adapter-node, zinc/amber theme
This commit is contained in:
32
ui/src/routes/+layout.svelte
Normal file
32
ui/src/routes/+layout.svelte
Normal file
@@ -0,0 +1,32 @@
|
||||
<script lang="ts">
|
||||
import '../app.css';
|
||||
|
||||
let { children } = $props();
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>libnovel</title>
|
||||
</svelte:head>
|
||||
|
||||
<div class="min-h-screen flex flex-col">
|
||||
<header class="border-b border-zinc-700 bg-zinc-900 sticky top-0 z-50">
|
||||
<nav class="max-w-6xl mx-auto px-4 h-14 flex items-center gap-6">
|
||||
<a href="/" class="text-amber-400 font-bold text-lg tracking-tight hover:text-amber-300">
|
||||
libnovel
|
||||
</a>
|
||||
<a href="/books" class="text-zinc-400 hover:text-zinc-100 text-sm transition-colors">
|
||||
Library
|
||||
</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="flex-1 max-w-6xl mx-auto w-full px-4 py-8">
|
||||
{@render children()}
|
||||
</main>
|
||||
|
||||
<footer class="border-t border-zinc-800 text-zinc-600 text-xs text-center py-4">
|
||||
libnovel
|
||||
</footer>
|
||||
</div>
|
||||
3
ui/src/routes/+page.svelte
Normal file
3
ui/src/routes/+page.svelte
Normal file
@@ -0,0 +1,3 @@
|
||||
<a href="/books" class="inline-block mt-4 px-6 py-3 bg-amber-400 text-zinc-900 font-semibold rounded hover:bg-amber-300 transition-colors">
|
||||
Browse Library
|
||||
</a>
|
||||
Reference in New Issue
Block a user