From f21cd63367ca15eca88519f92d421da29c561da7 Mon Sep 17 00:00:00 2001
From: florianfederspiel <florian@fedeo.de>
Date: Sun, 23 Mar 2025 15:21:17 +0100
Subject: [PATCH] Made Index Scrollable

---
 pages/index.vue | 111 +++++++++++++++++++++---------------------------
 1 file changed, 48 insertions(+), 63 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 6d1cb9e..c247abe 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,64 +1,53 @@
 <template>
-  <UDashboardPage>
-    <UDashboardPanel grow>
-      <UDashboardNavbar title="Home">
-        <template #right>
-          <UTooltip text="Notifications" :shortcuts="['N']">
-            <UButton color="gray" variant="ghost" square @click="isNotificationsSlideoverOpen = true">
-              <UChip :show="unreadMessages" color="primary" inset>
-                <UIcon name="i-heroicons-bell" class="w-5 h-5" />
-              </UChip>
-            </UButton>
-          </UTooltip>
-        </template>
-      </UDashboardNavbar>
+  <UDashboardNavbar title="Home">
+    <template #right>
+      <UTooltip text="Notifications" :shortcuts="['N']">
+        <UButton color="gray" variant="ghost" square @click="isNotificationsSlideoverOpen = true">
+          <UChip :show="unreadMessages" color="primary" inset>
+            <UIcon name="i-heroicons-bell" class="w-5 h-5" />
+          </UChip>
+        </UButton>
+      </UTooltip>
+    </template>
+  </UDashboardNavbar>
 
-      <UDashboardPanelContent class="flex flex-col">
-        <div class="mb-5">
-          <UDashboardCard
-              title="Einnahmen und Ausgaben(netto)"
-              class="mt-3"
-          >
-            <display-income-and-expenditure/>
-          </UDashboardCard>
-        </div>
-        <UPageGrid>
-          <UDashboardCard
-              title="Buchhaltung"
-              v-if="profileStore.ownTenant.features.accounting"
-          >
-            <display-open-balances/>
-          </UDashboardCard>
-          <UDashboardCard
-              title="Projekte"
-          >
-            <display-projects-in-phases/>
-          </UDashboardCard>
-          <UDashboardCard
-              title="Anwesenheiten"
-          >
-            <display-present-profiles/>
-          </UDashboardCard>
-          <UDashboardCard
-          >
-            <display-running-time/>
-          </UDashboardCard>
-          <UDashboardCard
-            title="Aufgaben"
-          >
-            <display-open-tasks/>
-          </UDashboardCard>
-        </UPageGrid>
-
-
-
-        <div class="flex flex-row">
-
-        </div>
-
-      </UDashboardPanelContent>
-    </UDashboardPanel>
-  </UDashboardPage>
+  <UDashboardPanelContent>
+    <div class="mb-5">
+      <UDashboardCard
+          title="Einnahmen und Ausgaben(netto)"
+          class="mt-3"
+      >
+        <display-income-and-expenditure/>
+      </UDashboardCard>
+    </div>
+    <UPageGrid>
+      <UDashboardCard
+          title="Buchhaltung"
+          v-if="profileStore.ownTenant.features.accounting"
+      >
+        <display-open-balances/>
+      </UDashboardCard>
+      <UDashboardCard
+          title="Projekte"
+      >
+        <display-projects-in-phases/>
+      </UDashboardCard>
+      <UDashboardCard
+          title="Anwesenheiten"
+      >
+        <display-present-profiles/>
+      </UDashboardCard>
+      <UDashboardCard
+      >
+        <display-running-time/>
+      </UDashboardCard>
+      <UDashboardCard
+          title="Aufgaben"
+      >
+        <display-open-tasks/>
+      </UDashboardCard>
+    </UPageGrid>
+  </UDashboardPanelContent>
 </template>
 
 <script setup>
@@ -99,9 +88,5 @@ setup()
 </script>
 
 <style scoped>
-.card {
-  border: 1px solid darkgray;
-  border-radius: 20px;
 
-}
 </style>
\ No newline at end of file