From 0991d1916b6288993dd098097689965b2de2c052 Mon Sep 17 00:00:00 2001
From: NeilClack <cnclack@pm.me>
Date: Wed, 14 Jan 2026 11:20:26 -0600
Subject: [PATCH] Fix styling & alignment issues

---
 src/lib/components/containers/Window.svelte        |  4 +---
 src/lib/components/ui/topBar/TopBar.svelte         |  2 +-
 src/routes/(protected)/+layout.server.ts           | 12 ++++++++++++
 src/routes/(protected)/+layout.svelte              | 14 ++++++++++++++
 .../(protected)/affirmations/+page.server.ts       |  7 +++++++
 src/routes/(protected)/affirmations/+page.svelte   | 10 ++++++++++
 src/routes/(protected)/dashboard/+page.svelte      |  6 ++++++
 src/routes/+layout.svelte                          |  2 +-
 8 files changed, 52 insertions(+), 5 deletions(-)
 create mode 100644 src/routes/(protected)/+layout.server.ts
 create mode 100644 src/routes/(protected)/+layout.svelte
 create mode 100644 src/routes/(protected)/affirmations/+page.server.ts
 create mode 100644 src/routes/(protected)/affirmations/+page.svelte
 create mode 100644 src/routes/(protected)/dashboard/+page.svelte

diff --git a/src/lib/components/containers/Window.svelte b/src/lib/components/containers/Window.svelte
index 44037a0..bfca808 100644
--- a/src/lib/components/containers/Window.svelte
+++ b/src/lib/components/containers/Window.svelte
@@ -3,7 +3,5 @@
 </script>
 
 <div class="flex min-h-0 flex-1 items-center justify-center">
-	<div class="max-h-full overflow-auto">
-		{@render children()}
-	</div>
+	{@render children()}
 </div>
diff --git a/src/lib/components/ui/topBar/TopBar.svelte b/src/lib/components/ui/topBar/TopBar.svelte
index 73b429b..21cf539 100644
--- a/src/lib/components/ui/topBar/TopBar.svelte
+++ b/src/lib/components/ui/topBar/TopBar.svelte
@@ -3,7 +3,7 @@
 	const session = authClient.useSession();
 </script>
 
-<nav class="mb-6 flex w-full justify-between bg-slate-200 px-4 py-6">
+<nav class="flex w-full justify-between px-8 py-6">
 	<span><a href="/">Radiant Wave Technologies</a></span>
 	{#if $session.data}
 		<div>
diff --git a/src/routes/(protected)/+layout.server.ts b/src/routes/(protected)/+layout.server.ts
new file mode 100644
index 0000000..16cb0fe
--- /dev/null
+++ b/src/routes/(protected)/+layout.server.ts
@@ -0,0 +1,12 @@
+import type { LayoutServerLoad } from "./$types";
+import { error } from "@sveltejs/kit";
+import { prisma } from "$lib/db";
+
+// const authorizedRoles - Not an admin gate, therefore all authenticated roles are authorized.
+
+export const load: LayoutServerLoad = async ({ locals }) => {
+    const user = await prisma.user.findUnique({ where: { id: locals.user?.id } });
+    if (!user) {
+        throw error(403, "not authorized");
+    }
+}
\ No newline at end of file
diff --git a/src/routes/(protected)/+layout.svelte b/src/routes/(protected)/+layout.svelte
new file mode 100644
index 0000000..701583a
--- /dev/null
+++ b/src/routes/(protected)/+layout.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+	import Window from '$lib/components/containers/Window.svelte';
+
+	const { children } = $props();
+</script>
+
+<div class="flex min-h-0 flex-1">
+	<div class="mt-12 mr-12 flex flex-col">
+		<a href="/dashboard" class="text-blue-600">Dashboard</a>
+	</div>
+	<Window>
+		{@render children()}
+	</Window>
+</div>
diff --git a/src/routes/(protected)/affirmations/+page.server.ts b/src/routes/(protected)/affirmations/+page.server.ts
new file mode 100644
index 0000000..e1805f9
--- /dev/null
+++ b/src/routes/(protected)/affirmations/+page.server.ts
@@ -0,0 +1,7 @@
+import type { PageServerLoad } from "./$types";
+import { prisma } from "$lib/db";
+
+export const load: PageServerLoad = async () => {
+    const affirmations = await prisma.affirmation.findMany();
+    return { affirmations }
+}
\ No newline at end of file
diff --git a/src/routes/(protected)/affirmations/+page.svelte b/src/routes/(protected)/affirmations/+page.svelte
new file mode 100644
index 0000000..e6982bd
--- /dev/null
+++ b/src/routes/(protected)/affirmations/+page.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+	let { data } = $props();
+</script>
+
+<div>
+	{#each data.affirmations as affirmation}
+		<span>{affirmation.name}</span>
+		<span>{affirmation.price}</span>
+	{/each}
+</div>
diff --git a/src/routes/(protected)/dashboard/+page.svelte b/src/routes/(protected)/dashboard/+page.svelte
new file mode 100644
index 0000000..cbabac1
--- /dev/null
+++ b/src/routes/(protected)/dashboard/+page.svelte
@@ -0,0 +1,6 @@
+<div class="grid h-full min-h-0 w-full grid-cols-2 grid-rows-2 bg-green-200">
+	<div class="flex min-h-0 justify-center overflow-auto"><h1>My Affirmations</h1></div>
+	<div class="flex items-center justify-center"><h1>My License Keys</h1></div>
+	<div class="flex items-center justify-center"><h1>My Playlists</h1></div>
+	<div class="flex items-center justify-center"><h1>My Schedules</h1></div>
+</div>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 29c27a8..1e89036 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -9,6 +9,6 @@
 <svelte:head><link rel="icon" href={favicon} /></svelte:head>
 
 <TopBar />
-<div class="flex px-4">
+<div class="flex min-h-0 flex-1 px-8">
 	{@render children()}
 </div>