Some Corrections For Mobile

app.vue

@@ -12,6 +12,15 @@ const viewport = useViewport()
   console.log('Breakpoint updated:', oldBreakpoint, '->', newBreakpoint)
 })*/
 
+const platform = ref('default')
+
+const setup = async () => {
+  if(await useCapacitor().getIsPhone()) {
+    platform.value = "mobile"
+  }
+}
+setup()
+
 const dev = process.dev
 
 Sentry.init({
@@ -55,9 +64,9 @@ useSeoMeta({
       <NuxtPage/>
     </NuxtLayout>
 
-    <UNotifications/>
+    <UNotifications :class="platform === 'mobile' ? ['mb-14'] : []"/>
     <USlideovers />
-    <UModals />
+    <UModals/>
     <VitePwaManifest/>
   </div>