Lift mobile docks and FABs above the bottom tab bar.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-09-17 17:36:21 +03:30
parent dfd35c45ef
commit 3b643d7bb9
16 changed files with 55 additions and 17 deletions
@@ -2,6 +2,8 @@
@import "./tokens.css";

 :root {
+  --mobile-tabbar-h: 0px;
+
  /* Surface & Background */
  --bg: #f8fafc;
  --surface: #ffffff;
@@ -251,6 +253,10 @@ textarea {
 }

@media (max-width: 900px) {
+  :root {
+    --mobile-tabbar-h: calc(3.65rem + env(safe-area-inset-bottom, 0px));
+  }
+
  h1 {
    font-size: clamp(1.35rem, 5vw, 1.75rem);
  }