From 1e720925e2ef690d455927c2f9e802571304982a Mon Sep 17 00:00:00 2001
From: Martin Kagamino Lehoux <martin@lehoux.net>
Date: Tue, 28 Jul 2026 19:30:07 +0200
Subject: fix: sticky form and navbar layout with consistent nav-height

---
 src/routes/categories/+page.svelte | 88 +++++++++++++++++++-------------------
 1 file changed, 45 insertions(+), 43 deletions(-)

(limited to 'src/routes/categories')

diff --git a/src/routes/categories/+page.svelte b/src/routes/categories/+page.svelte
index 41b40c5..1060eaa 100644
--- a/src/routes/categories/+page.svelte
+++ b/src/routes/categories/+page.svelte
@@ -5,52 +5,54 @@
 	let name = $state('');
 </script>
 
-<form
-	class="form-card form-card--compact"
-	method="POST"
-	action="?/add"
-	use:enhance
->
-	<label>
-		<span class="form-label">Nouvelle catégorie</span>
-		<input
-			class="form-input"
-			type="text"
-			name="name"
-			bind:value={name}
-			placeholder="ex. Boissons"
-			autocomplete="off"
-		/>
-	</label>
-	<button class="btn-primary" type="submit">Ajouter</button>
-</form>
+<main>
+	<form
+		class="form-card form-card--compact"
+		method="POST"
+		action="?/add"
+		use:enhance
+	>
+		<label>
+			<span class="form-label">Nouvelle catégorie</span>
+			<input
+				class="form-input"
+				type="text"
+				name="name"
+				bind:value={name}
+				placeholder="ex. Boissons"
+				autocomplete="off"
+			/>
+		</label>
+		<button class="btn-primary" type="submit">Ajouter</button>
+	</form>
 
-{#if form?.error}
-	<p class="error">{form.error}</p>
-{/if}
+	{#if form?.error}
+		<p class="error">{form.error}</p>
+	{/if}
 
-<form method="POST" action="?/delete" use:enhance>
-	<ul class="item-list">
-		{#each data?.categories ?? [] as cat (cat.id)}
-			<li class="item-row item-row--card">
-				<span class="cat-name">{cat.name}</span>
-				<button
-					class="btn-ghost"
-					name="id"
-					value={cat.id}
-					type="submit"
-					aria-label="Supprimer"
-				>
-					&times;
-				</button>
-			</li>
-		{/each}
-	</ul>
-</form>
+	<form method="POST" action="?/delete" use:enhance>
+		<ul class="item-list">
+			{#each data?.categories ?? [] as cat (cat.id)}
+				<li class="item-row item-row--card">
+					<span class="cat-name">{cat.name}</span>
+					<button
+						class="btn-ghost"
+						name="id"
+						value={cat.id}
+						type="submit"
+						aria-label="Supprimer"
+					>
+						&times;
+					</button>
+				</li>
+			{/each}
+		</ul>
+	</form>
 
-{#if (data?.categories?.length ?? 0) === 0}
-	<p class="empty">Aucune catégorie</p>
-{/if}
+	{#if (data?.categories?.length ?? 0) === 0}
+		<p class="empty">Aucune catégorie</p>
+	{/if}
+</main>
 
 <style>
 	.cat-name {
-- 
cgit v1.3