This commit is contained in:
ns77@siliconpin.com
2025-09-03 14:18:58 +00:00
parent 6679e0ce03
commit c910e9a0a1

View File

@@ -9,8 +9,7 @@
overflow-y: auto; overflow-y: auto;
/* ✅ Prevent content from hiding behind bottom nav */ /* ✅ Prevent content from hiding behind bottom nav */
padding-bottom: calc(55px + env(safe-area-inset-bottom)); padding-bottom: 80px; /* nav height + extra safe space */
padding-bottom: calc(55px + constant(safe-area-inset-bottom)); /* old iOS */
} }
/* ===== Header/Navbar ===== */ /* ===== Header/Navbar ===== */
@@ -43,14 +42,10 @@
/* ===== Bottom Navigation ===== */ /* ===== Bottom Navigation ===== */
.agent-bottom-nav { .agent-bottom-nav {
position: fixed; position: fixed;
bottom: 0; bottom: 25px; /* ✅ stays above system navigation keys */
left: 0; left: 10px;
right: 0; right: 10px;
height: 55px;
/* ✅ Height = nav height + safe area */
height: calc(55px + env(safe-area-inset-bottom));
height: calc(55px + constant(safe-area-inset-bottom));
background: #e95420; background: #e95420;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
@@ -58,9 +53,9 @@
border-top: 1px solid rgba(255,255,255,0.2); border-top: 1px solid rgba(255,255,255,0.2);
z-index: 999; z-index: 999;
/* ✅ Safe padding */ /* Optional: make it look like floating nav */
padding-bottom: env(safe-area-inset-bottom); border-radius: 12px;
padding-bottom: constant(safe-area-inset-bottom); box-shadow: 0 2px 6px rgba(0,0,0,0.2);
} }
.agent-bottom-link { .agent-bottom-link {
color: #fff; color: #fff;
@@ -77,7 +72,7 @@
} }
.agent-bottom-link.active { .agent-bottom-link.active {
background: rgba(255,255,255,0.2); background: rgba(255,255,255,0.2);
border-radius: 5px; border-radius: 8px;
} }
</style> </style>