Mahdi/CRM_Montzar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lift mobile docks and FABs above the bottom tab bar.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Mahdi
2026-09-17 17:36:21 +03:30
co-authored by Cursor
parent dfd35c45ef
commit 3b643d7bb9
16 changed files with 55 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/views/SalesForecastView.vue
+3 -2
View File
@@ -921,9 +921,9 @@ th { background: #f8fafc; color: #64748b; font-weight: 700; white-space: nowrap;
.sum-row.payable { color: var(--teal); font-weight: 600; border-bottom: 0; }
.forecast-summary { padding: 1rem; }
.mob-bottom {
position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
position: fixed; left: 0; right: 0; bottom: var(--mobile-tabbar-h); z-index: 40;
display: none; grid-template-columns: auto 1fr auto; gap: 0.5rem; align-items: center;
padding: 0.65rem 0.85rem calc(0.65rem + env(safe-area-inset-bottom));
padding: 0.65rem 0.85rem;
background: #fff; border-top: 1px solid #eef2f7; box-shadow: 0 -8px 24px rgba(15,23,42,.06);
}
.fab {
@@ -948,6 +948,7 @@ th { background: #f8fafc; color: #64748b; font-weight: 700; white-space: nowrap;
.kpi-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
.page { padding-bottom: 5.5rem; }
.desk-only { display: none !important; }
.mob-only, .mob-tabs, .mob-goals, .mob-forecast, .mob-bottom { display: flex; }
.mob-goals, .mob-forecast, .mob-form-screen { display: grid; }