feat: improve mobile header and toast placement

Move mobile and VS Code toasts to the top Respect safe-area spacing for Capacitor toasts Add dedicated mobile metadata button and update header icons
2026-07-01 20:13:53 +03:00
parent 7a60a2e601
commit 8f685f8db7
4 changed files with 21 additions and 14 deletions
@@ -248,6 +248,10 @@
  :root.mobile-pointer:not(.desktop-runtime) .header-safe-area {
    padding-top: var(--oc-safe-area-top);
  }
+
+  :root.oc-capacitor-app [data-sonner-toaster][data-y-position='top'] {
+    top: calc(env(safe-area-inset-top, 0px) + 16px) !important;
+  }
 }

 /* Phase 1: iOS PWA safe area handling - Enhanced positioning approach */