redi/astro_autoservices
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Новые правки

Browse source
This commit is contained in:
Web-serfer 2026-05-11 19:39:44 +05:00
parent f5b6494668
commit 8bda45585b
1 changed files with 21 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/components/Navbar.astro
View file

@ -28,7 +28,7 @@ const navItems = ['Услуги', 'О нас', 'Преимущества', 'Ко
</a> </a>
</div> </div>
<button id="menu-btn" class="md:hidden text-white"> <button id="menu-btn" class="md:hidden text-white transition-all duration-200 hover:scale-110 active:scale-90 p-2 rounded-lg hover:shadow-[0_0_15px_rgba(229,25,55,0.5)] active:shadow-[0_0_25px_rgba(229,25,55,0.8)]">
<svg id="menu-icon" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <svg id="menu-icon" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="4" x2="20" y1="12" y2="12"/> <line x1="4" x2="20" y1="12" y2="12"/>
<line x1="4" x2="20" y1="6" y2="6"/> <line x1="4" x2="20" y1="6" y2="6"/>
@ -40,8 +40,16 @@ const navItems = ['Услуги', 'О нас', 'Преимущества', 'Ко
<div id="mobile-menu" class="fixed inset-0 bg-[#1a1a1a] z-[100] p-8 flex flex-col translate-x-full transition-transform duration-300"> <div id="mobile-menu" class="fixed inset-0 bg-[#1a1a1a] z-[100] p-8 flex flex-col translate-x-full transition-transform duration-300">
<div class="flex justify-between items-center mb-12"> <div class="flex justify-between items-center mb-12">
<span class="text-white font-bold text-xl">МЕНЮ</span> <div class="flex items-center gap-2">
<button id="close-menu" class="text-white"> <div class="w-10 h-10 bg-[#E51937] rounded-lg flex items-center justify-center text-white font-bold text-xl">
TL
</div>
<div class="flex flex-col leading-none">
<span id="mobile-logo-text" class="font-bold text-lg tracking-tight text-white">TOYOTA LEXUS</span>
<span id="mobile-logo-sub" class="text-xs uppercase tracking-[0.2em] font-medium text-gray-300">Сервис Сургут</span>
</div>
</div>
<button id="close-menu" class="text-white transition-all duration-200 hover:scale-110 active:scale-90 p-2 rounded-lg hover:shadow-[0_0_15px_rgba(229,25,55,0.5)] active:shadow-[0_0_25px_rgba(229,25,55,0.8)]">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 6 6 18"/><path d="m6 6 12 12"/> <path d="M18 6 6 18"/><path d="m6 6 12 12"/>
</svg> </svg>
@ -68,6 +76,8 @@ const navItems = ['Услуги', 'О нас', 'Преимущества', 'Ко
const navbar = document.getElementById('navbar')!; const navbar = document.getElementById('navbar')!;
const logoText = document.getElementById('logo-text')!; const logoText = document.getElementById('logo-text')!;
const logoSub = document.getElementById('logo-sub')!; const logoSub = document.getElementById('logo-sub')!;
const mobileLogoText = document.getElementById('mobile-logo-text')!;
const mobileLogoSub = document.getElementById('mobile-logo-sub')!;
const desktopNav = document.getElementById('desktop-nav')!; const desktopNav = document.getElementById('desktop-nav')!;
const navLinks = desktopNav.querySelectorAll('.nav-link'); const navLinks = desktopNav.querySelectorAll('.nav-link');
const menuBtn = document.getElementById('menu-btn')!; const menuBtn = document.getElementById('menu-btn')!;
@ -88,6 +98,10 @@ const navItems = ['Услуги', 'О нас', 'Преимущества', 'Ко
logoText.classList.add('text-[#1a1a1a]'); logoText.classList.add('text-[#1a1a1a]');
logoSub.classList.remove('text-gray-300'); logoSub.classList.remove('text-gray-300');
logoSub.classList.add('text-gray-500'); logoSub.classList.add('text-gray-500');
mobileLogoText.classList.remove('text-white');
mobileLogoText.classList.add('text-[#1a1a1a]');
mobileLogoSub.classList.remove('text-gray-300');
mobileLogoSub.classList.add('text-gray-500');
navLinks.forEach(link => { navLinks.forEach(link => {
link.classList.remove('text-white'); link.classList.remove('text-white');
link.classList.add('text-[#1a1a1a]'); link.classList.add('text-[#1a1a1a]');
@ -101,6 +115,10 @@ const navItems = ['Услуги', 'О нас', 'Преимущества', 'Ко
logoText.classList.remove('text-[#1a1a1a]'); logoText.classList.remove('text-[#1a1a1a]');
logoSub.classList.add('text-gray-300'); logoSub.classList.add('text-gray-300');
logoSub.classList.remove('text-gray-500'); logoSub.classList.remove('text-gray-500');
mobileLogoText.classList.add('text-white');
mobileLogoText.classList.remove('text-[#1a1a1a]');
mobileLogoSub.classList.add('text-gray-300');
mobileLogoSub.classList.remove('text-gray-500');
navLinks.forEach(link => { navLinks.forEach(link => {
link.classList.add('text-white'); link.classList.add('text-white');
link.classList.remove('text-[#1a1a1a]'); link.classList.remove('text-[#1a1a1a]');