Cahnges to make compatible

layouts/default.vue

@@ -4,6 +4,7 @@
 import MainNav from "~/components/MainNav.vue";
 import dayjs from "dayjs";
 import {useProfileStore} from "~/stores/profile.js";
+import {useCapacitor} from "../composables/useCapacitor.js";
 
 const dataStore = useDataStore()
 const profileStore = useProfileStore()
@@ -107,14 +108,13 @@ const footerLinks = [/*{
   click: () => isHelpSlideoverOpen.value = true
 }]
 
-
 </script>
 
 <template>
-  <UDashboardLayout  v-if="profileStore.loaded">
+  <UDashboardLayout class="safearea"  v-if="profileStore.loaded">
 
     <UDashboardPanel :width="250" :resizable="{ min: 200, max: 300 }" collapsible>
-      <UDashboardNavbar class="!border-transparent" :ui="{ left: 'flex-1' }">
+      <UDashboardNavbar style="margin-top: env(safe-area-inset-top, 10px) !important;" :class="['!border-transparent']" :ui="{ left: 'flex-1' }">
         <template #left>
           <ProfileDropdown class="w-full" />
         </template>
@@ -122,7 +122,7 @@ const footerLinks = [/*{
 
       <UDashboardSidebar id="sidebar">
         <template #header>
-          <UDashboardSearchButton label="Suche..."/>
+          <UDashboardSearchButton v-if="!useCapacitor().getIsPhone()" label="Suche..."/>
         </template>
 
         <MainNav/>
@@ -130,13 +130,12 @@ const footerLinks = [/*{
         <div class="flex-1" />
 
 
-
         <template #footer>
           <div class="flex flex-col w-full">
 
             <UDashboardSidebarLinks :links="footerLinks" />
             <UDivider class="sticky bottom-0" />
-            <UserDropdown />
+            <UserDropdown style="margin-bottom: env(safe-area-inset-bottom, 10px) !important;"/>
           </div>
 
         </template>