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
@@ -661,6 +661,10 @@ watch([id, isNew], () => void load(), { immediate: true });
 </template>

 <style scoped>
+.crm-page:not(.embedded) {
+  padding-bottom: 5rem;
+}
+
 .crm-page.embedded {
  padding-bottom: 0;
 }
@@ -1142,7 +1146,7 @@ watch([id, isNew], () => void load(), { immediate: true });
 .mobile-save {
  position: fixed;
  inset-inline: 0.85rem;
-  bottom: calc(0.55rem + env(safe-area-inset-bottom));
+  bottom: calc(0.55rem + var(--mobile-tabbar-h));
  z-index: 8;
 }

@@ -1154,6 +1158,7 @@ watch([id, isNew], () => void load(), { immediate: true });
 }

@media (min-width: 960px) {
+  .crm-page:not(.embedded),
  .page {
    padding-bottom: 1rem;
    gap: 1rem;