From 874ff015516fa967463da46c392d2a24a9574929 Mon Sep 17 00:00:00 2001
From: flfeders <f.federspiel@federspiel.tech>
Date: Thu, 14 Mar 2024 08:13:05 +0100
Subject: [PATCH] Changes

---
 spaces/pages/products/index.vue | 59 ++++++++++++++++-----------------
 spaces/pages/spaces/index.vue   | 20 +++++------
 2 files changed, 36 insertions(+), 43 deletions(-)

diff --git a/spaces/pages/products/index.vue b/spaces/pages/products/index.vue
index b88792d..cb76d20 100644
--- a/spaces/pages/products/index.vue
+++ b/spaces/pages/products/index.vue
@@ -36,37 +36,34 @@
     </template>
   </UDashboardToolbar>
 
-
-  <div class="table">
-    <UTable
-        :rows="filteredRows"
-        :columns="columns"
-        class="w-full"
-        :ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"
-        @select="(i) => router.push(`/products/show/${i.id}`) "
-        :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Artikel anzuzeigen' }"
-    >
-      <template #stock-data="{row}">
-        {{`${dataStore.getStockByProductId(row.id)} ${(dataStore.units.find(unit => unit.id === row.unit) ? dataStore.units.find(unit => unit.id === row.unit).name : "")}`}}
-      </template>
-      <template #purchasePrice-data="{row}">
-        {{row.purchasePrice ? Number(row.purchasePrice).toFixed(2) + " €" : ""}}
-      </template>
-      <template #tags-data="{row}">
-        <UBadge
-            v-if="row.tags.length > 0"
-            v-for="tag in row.tags"
-            class="mr-2"
-        >
-          {{tag}}
-        </UBadge>
-        <span v-else>-</span>
-      </template>
-      <template #unit-data="{row}">
-        {{dataStore.units.find(unit => unit.id === row.unit) ? dataStore.units.find(unit => unit.id === row.unit).name : row.unit}}
-      </template>
-    </UTable>
-  </div>
+  <UTable
+      :rows="filteredRows"
+      :columns="columns"
+      class="w-full"
+      :ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"
+      @select="(i) => router.push(`/products/show/${i.id}`) "
+      :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Artikel anzuzeigen' }"
+  >
+    <template #stock-data="{row}">
+      {{`${dataStore.getStockByProductId(row.id)} ${(dataStore.units.find(unit => unit.id === row.unit) ? dataStore.units.find(unit => unit.id === row.unit).name : "")}`}}
+    </template>
+    <template #purchasePrice-data="{row}">
+      {{row.purchasePrice ? Number(row.purchasePrice).toFixed(2) + " €" : ""}}
+    </template>
+    <template #tags-data="{row}">
+      <UBadge
+          v-if="row.tags.length > 0"
+          v-for="tag in row.tags"
+          class="mr-2"
+      >
+        {{tag}}
+      </UBadge>
+      <span v-else>-</span>
+    </template>
+    <template #unit-data="{row}">
+      {{dataStore.units.find(unit => unit.id === row.unit) ? dataStore.units.find(unit => unit.id === row.unit).name : row.unit}}
+    </template>
+  </UTable>/
 
 </template>
 
diff --git a/spaces/pages/spaces/index.vue b/spaces/pages/spaces/index.vue
index 59fc8b3..c712c5c 100644
--- a/spaces/pages/spaces/index.vue
+++ b/spaces/pages/spaces/index.vue
@@ -35,18 +35,14 @@
       </USelectMenu>
     </template>
   </UDashboardToolbar>
-
-
-  <div class="table">
-    <UTable
-        :rows="filteredRows"
-        :columns="columns"
-        class="w-full"
-        :ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"
-        @select="(i) => router.push(`/spaces/show/${i.id}`) "
-        :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Lagerplätze anzuzeigen' }"
-    />
-  </div>
+  <UTable
+      :rows="filteredRows"
+      :columns="columns"
+      class="w-full"
+      :ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"
+      @select="(i) => router.push(`/spaces/show/${i.id}`) "
+      :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Lagerplätze anzuzeigen' }"
+  />
 
 </template>