Reworked user state and login

2026-01-18 01:24:26 +02:00
parent 53aed96a05
commit dfbcaafb77
8 changed files with 106 additions and 30 deletions
@@ -1,30 +1,34 @@
 ---
 import '../styles/app.css'
+import TopNav from '../components/TopNav.astro'

 const {title} = Astro.props
 ---

 <!doctype html>
 <html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width" />
-		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-		<meta name="generator" content={Astro.generator} />
-		<title>Neon Vertigo</title>
-		<script src="../components/scripts/user_store.js"></script>
-	</head>
-	<body>
-		<h1>{title}</h1>
-		<slot />
+    <head>
+        <meta charset="UTF-8"/>
+        <meta name="viewport" content="width=device-width"/>
+        <link rel="icon" type="image/svg+xml" href="/favicon.svg"/>
+        <meta name="generator" content={Astro.generator}/>
+        <title>Neon Vertigo</title>
+        <script src="../components/scripts/user_store.js"></script>
+    </head>
+    <body>
+        <header>
+            <TopNav />
+        </header>
+        <h1>{title}</h1>
+        <slot/>

-		{import.meta.env.DEV &&
-			<script>
-				import { logger } from '@nanostores/logger'
-				import {$user} from "../components/stores/user";
+        {import.meta.env.DEV &&
+            <script>
+                import {logger} from '@nanostores/logger'
+                import {$user} from "../components/stores/user";

-				let _destroy = logger({user: $user})
-				</script>
-		}
-	</body>
+                let _destroy = logger({user: $user})
+                </script>
+        }
+    </body>
 </html>