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
@@ -319,6 +319,7 @@ onMounted(load);
  margin: 0;
  display: grid;
  gap: 0.9rem;
+  padding-bottom: 5.5rem;
 }

 .nav {
@@ -572,7 +573,7 @@ dd {
 .dock {
  position: fixed;
  inset-inline: 0.85rem;
-  bottom: calc(0.55rem + env(safe-area-inset-bottom));
+  bottom: calc(0.55rem + var(--mobile-tabbar-h));
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr;
  gap: 0.5rem;
@@ -607,6 +608,10 @@ dd {
 }

@media (min-width: 900px) {
+  .page {
+    padding-bottom: 0;
+  }
+
  .dock {
    position: sticky;
    inset-inline: auto;