Update background to grayscale gradient

2026-02-15 21:51:40 +01:00
parent 17bca94c1b
commit 80954beb6f
7 changed files with 248 additions and 11 deletions
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,10 +1,28 @@
 <script setup>
-import Main from './components/main.vue'
+import Main from './components/Main.vue'
+import NavBar from './components/NavBar.vue'
+import Footer from './components/Footer.vue'
 </script>

 <template>
-  <Main />
+  <NavBar />
+  
+  <main class="app-content">
+    <Main />
+  </main>
+
+  <Footer />
 </template>

 <style scoped>
+.app-content {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  padding: 2rem 0;
+  position: relative;
+  z-index: 1;
+}
 </style>