From f05d6e154e8e392c9361126cf1b087f111f7caf0 Mon Sep 17 00:00:00 2001
From: Joakim <joakim@jnss.me>
Date: Tue, 17 Feb 2026 21:57:34 +0100
Subject: [PATCH] gradient gutters

---
 opal-web/src/routes/+layout.svelte             | 7 +++++++
 opal-web/src/routes/auth/callback/+page.svelte | 3 ++-
 opal-web/src/routes/auth/login/+page.svelte    | 3 ++-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/opal-web/src/routes/+layout.svelte b/opal-web/src/routes/+layout.svelte
index a847ca0..9cc2337 100644
--- a/opal-web/src/routes/+layout.svelte
+++ b/opal-web/src/routes/+layout.svelte
@@ -35,5 +35,12 @@
 			". content ."
 			". input .";
 		overflow: hidden;
+		background: linear-gradient(
+			to right,
+			var(--bg-secondary),
+			var(--bg-primary) calc(50% - var(--content-max-width) / 2 + 60px),
+			var(--bg-primary) calc(50% + var(--content-max-width) / 2 - 60px),
+			var(--bg-secondary)
+		);
 	}
 </style>
diff --git a/opal-web/src/routes/auth/callback/+page.svelte b/opal-web/src/routes/auth/callback/+page.svelte
index 191b262..075b738 100644
--- a/opal-web/src/routes/auth/callback/+page.svelte
+++ b/opal-web/src/routes/auth/callback/+page.svelte
@@ -45,10 +45,11 @@
 
 <style>
 	.callback-page {
+		grid-column: 1 / -1;
+		grid-row: 1 / -1;
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		min-height: 100vh;
 	}
 	
 	.callback-card {
diff --git a/opal-web/src/routes/auth/login/+page.svelte b/opal-web/src/routes/auth/login/+page.svelte
index 889a1e5..1163cca 100644
--- a/opal-web/src/routes/auth/login/+page.svelte
+++ b/opal-web/src/routes/auth/login/+page.svelte
@@ -53,10 +53,11 @@
 
 <style>
 	.login-page {
+		grid-column: 1 / -1;
+		grid-row: 1 / -1;
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		min-height: 100vh;
 	}
 	
 	.login-card {