Новые стили блока мобильного меню

This commit is contained in:
Web-serfer 2026-05-11 20:23:30 +05:00
parent 0bc0e1dca6
commit 477e4d6e05

View file

@ -37,7 +37,7 @@ const navItems = [
</nav>
<div id="mobile-bottom-bar" class="fixed bottom-2 left-2 right-2 xs:bottom-3 xs:left-3 xs:right-3 md:hidden z-40">
<div class="bg-white/95 backdrop-blur-md rounded-xl xs:rounded-2xl shadow-lg border border-white/20 px-1.5 py-2 xs:px-2 xs:py-2.5">
<div class="bg-white/90 backdrop-blur-xl rounded-xl xs:rounded-2xl shadow-[0_8px_30px_rgba(0,0,0,0.12)] border border-gray-200/50 px-1.5 py-2 xs:px-2 xs:py-2.5">
<div class="flex justify-between items-center gap-0.5 xs:gap-1">
{navItems.map((item) => (
<a href={item.href} class="mobile-nav-item flex flex-col items-center gap-1 p-1.5 xs:p-2 rounded-lg xs:rounded-xl hover:bg-[#E51937] active:bg-[#c41230] transition-all duration-150 group flex-1 hover:scale-105 active:scale-95">