From d454405cb781c98adcd66bdfc34b58ba6a4d6310 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Wed, 6 May 2026 20:34:13 +0200
Subject: [PATCH] Add content background

---
 src/App.vue         | 19 ++++++++++++++++---
 src/styles/main.css |  9 ---------
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index f387197..3021e6a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,7 +3,20 @@ import Navbar from './features/nav/components/Navbar.vue';
 </script>
 
 <template>
-    <Navbar />
-
-    <router-view />
+    <div class="content-background">
+        <Navbar />
+        
+        <router-view />
+    </div>
 </template>
+
+<style>
+.content-background  {
+    background: 
+        radial-gradient(ellipse at 40% 60%, rgba(255,255,255,0.55) 0%, transparent 75%),
+        linear-gradient(160deg, #c8d8f0, #7aa0d8, #5077C7, #dce8f8);
+    height: 300px;
+    display: flex;
+    flex-direction: column;
+}
+</style>
\ No newline at end of file
diff --git a/src/styles/main.css b/src/styles/main.css
index 38262a5..6de572d 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -5,15 +5,6 @@ body {
     font-size: 16px;
 }
 
-.content-background  {
-    background: 
-        radial-gradient(ellipse at 40% 60%, rgba(255,255,255,0.55) 0%, transparent 75%),
-        linear-gradient(160deg, #c8d8f0, #7aa0d8, #5077C7, #dce8f8);
-    height: 300px;
-    display: flex;
-    flex-direction: column;
-}
-
 .global-header {
     text-align: center;
     display: flex;