Start UI Change

frontend/pages/settings/emailaccounts/index.vue

@@ -34,10 +34,11 @@ const columns = computed(() => templateColumns.filter((column) => selectedColumn
   <UModal
     v-model="showEmailAddressModal"
   >
-    <UCard>
-      <template #header>
-        E-Mail Adresse
-      </template>
+    <template #content>
+      <UCard>
+        <template #header>
+          E-Mail Adresse
+        </template>
 <!--      <UFormGroup
         label="E-Mail Adresse:"
       >
@@ -57,14 +58,15 @@ const columns = computed(() => templateColumns.filter((column) => selectedColumn
           v-model="createEMailType"
         />
       </UFormGroup>-->
-      <template #footer>
-        <UButton
-            @click="createAccount"
-        >
-          Erstellen
-        </UButton>
-      </template>
-    </UCard>
+        <template #footer>
+          <UButton
+              @click="createAccount"
+          >
+            Erstellen
+          </UButton>
+        </template>
+      </UCard>
+    </template>
 
   </UModal>
   <UDashboardNavbar title="E-Mail Konten">
@@ -81,7 +83,7 @@ const columns = computed(() => templateColumns.filter((column) => selectedColumn
   </UDashboardNavbar>
   <UTable
     :rows="items"
-    :columns="columns"
+    :columns="normalizeTableColumns(columns)"
     class="w-full"
     @select="(i) => navigateTo(`/settings/emailaccounts/edit/${i.id}`)"
     :ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"