zwischenstand

src/components/haex/pass/mobile/menu/item.vue

@@ -1,9 +1,8 @@
 <template>
   <button
-    aria-disabled
     class="flex gap-4 w-full px-4 py-2"
-    @click="$emit('click', menuItem)"
     :style="{ color: menuItem.color ?? '' }"
+    @click="$emit('click', menuItem)"
   >
     <Icon
       :name="menuIcon"
@@ -34,7 +33,7 @@ const menuIcon = computed(() =>
   menuItem?.icon
     ? menuItem.icon
     : menuItem.type === 'group'
-    ? 'mdi:folder-outline'
-    : 'mdi:key-outline',
+      ? 'mdi:folder-outline'
+      : 'mdi:key-outline',
 )
 </script>

src/components/ui/dialog/confirm.vue

@@ -4,6 +4,7 @@
     :title
     :description
     :fullscreen="isSmallScreen"
+    :ui="{ header: 'pt-10 sm:pt-0', footer: 'mb-10 sm:mb-0' }"
   >
     <slot>
       <!-- <UiButton

src/layouts/app.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="min-h-screen flex flex-col">
     <header
-      class="bg-default/70 backdrop-blur border-b border-accented h-(--ui-header-height) sticky top-0 z-50 flex"
+      class="bg-default/90 backdrop-blur border-b border-accented h-(--ui-header-height) sticky top-0 z-50 flex"
     >
       <div class="px-2 bg-primary rounded-br-xs">
         <UiLogoHaexhub class="p-2 size-12 shrink-0" />

src/layouts/default.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-default isolate h-dvh">
+  <div class="bg-default isolate h-dvh py-4 sm:py-0">
     <slot />
   </div>
 </template>