fix: floating action bar hidden behind mobile bottom nav — raise z-index + bottom padding

This commit is contained in:
Fringg
2026-04-24 07:04:44 +03:00
parent eeda567622
commit c32bcfeb9e

View File

@@ -1244,7 +1244,7 @@ function FloatingActionBar({
]; ];
return ( return (
<div className="fixed inset-x-0 bottom-0 z-40 flex justify-center px-4 pb-[max(1rem,env(safe-area-inset-bottom))]"> <div className="fixed inset-x-0 bottom-0 z-[9999] flex justify-center px-4 pb-[max(5rem,calc(4.5rem+env(safe-area-inset-bottom)))]">
<div <div
ref={menuRef} ref={menuRef}
className="relative flex w-full max-w-2xl items-center gap-3 rounded-2xl border border-dark-700/60 bg-dark-800/80 px-5 py-3 shadow-2xl backdrop-blur-xl" className="relative flex w-full max-w-2xl items-center gap-3 rounded-2xl border border-dark-700/60 bg-dark-800/80 px-5 py-3 shadow-2xl backdrop-blur-xl"