finished home page

pages/home.vue

@@ -2,10 +2,11 @@
   <Navigationbar />
   <section id="content">
     <div id="content-header">
-      <pre id="page-name">Pagename</pre>
+      <pre id="page-name">Home</pre>
     </div>
     <div id="content-body">
-      <!--<slot />-->
+      <Dashboard />
+      <QuickAccess />
     </div>
   </section>
 </template>
@@ -18,12 +19,16 @@
 </script>
 
   <script>
-  import Navigationbar from "./Navigationbar.vue";
+  import Navigationbar from "../layouts/Navigationbar.vue";
+  import Dashboard from "../components/Dashboard.vue";
+  import QuickAccess from "../components/QuickAccess.vue";
   
   export default {
       name: "Page",
       components: {
         Navigationbar,
+        Dashboard,
+        QuickAccess,
       }
   }
   
@@ -58,7 +63,7 @@
     #page-name {
       color: #fff;
       letter-spacing: 1.2px;
-      font: italic 400 24px/125% Overpass, -apple-system, Roboto, Helvetica,
+      font: 400 24px/125% Overpass, -apple-system, Roboto, Helvetica,
         sans-serif;
     }
   
@@ -69,16 +74,7 @@
       gap: 20px;
       margin-bottom: 10px;
       border-radius: 10px;
-      box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
-      background-color: #2c2c2c;
     }
   
-    slot {
-      display: flex;
-      flex-direction: column;
-      width: 100%;
-      gap: 20px;
-      padding: 20px 30px;
-    }
     
   </style>

pages/login.vue

@@ -40,8 +40,8 @@ export default {
   #content {
     display: flex;
     flex-direction: column;
-    align-items: stretch;
-    justify-content: stretch;
+    align-items: center;
+    justify-content: center;
     width: 100%;
     height: 100%;
     gap: 10px;
@@ -68,8 +68,8 @@ export default {
     flex-direction: column;
     align-items: center;
     justify-content: flex-start;
-    width: 100%;
-    height: 100%;
+    width: fit-content;
+    height: fit-content;
     gap: 20px;
     margin-bottom: 10px;
     border-radius: 10px;