diff --git a/index.html b/index.html index 74e8ab3..881db66 100644 --- a/index.html +++ b/index.html @@ -743,19 +743,22 @@ select.input { .mobile-nav { position: fixed; - left: 12px; - right: 12px; - bottom: max(12px, env(safe-area-inset-bottom)); + left: 0; + right: 0; + bottom: 0; display: flex; justify-content: space-around; gap: 4px; - padding: 6px; - background: rgba(15, 22, 36, 0.88); + padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px)); + background: rgba(8, 12, 20, 0.95); backdrop-filter: blur(20px); - border: 1px solid var(--border-subtle); - border-radius: var(--radius-lg); + border-top: 1px solid var(--border-subtle); + border-left: 0; + border-right: 0; + border-bottom: 0; + border-radius: 0; z-index: 100; - box-shadow: var(--shadow-md); + box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.3); } .mobile-nav button { flex: 1; @@ -1301,7 +1304,42 @@ select.input {