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

Новые правки 04/04/26

Browse source
This commit is contained in:
Web-serfer 2026-04-04 16:56:25 +05:00
parent 00f9b24a60
commit 761996fd52
3 changed files with 416 additions and 133 deletions
Download patch file Download diff file Expand all files Collapse all files

19
frontend/src/components/layout/header/Header.astro
View file

@ -167,16 +167,19 @@ import { COMPANY } from '@constants';
background: transparent;
border: none;
cursor: pointer;
transition: opacity 0.3s ease;
}
.burger-line {
width: 100%; height: 2.5px;
background-color: #1e3050;
border-radius: 4px; transition: 0.3s;
border-radius: 4px;
}
.burger-btn.active .burger-line:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.burger-btn.active .burger-line:nth-child(2) { opacity: 0; }
.burger-btn.active .burger-line:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
/* Скрытие гамбургера при открытом меню */
.burger-btn.active {
opacity: 0;
pointer-events: none;
}
/* --- АНИМАЦИИ ПРИ ЗАГРУЗКЕ --- */
.animate-load {
@ -263,11 +266,13 @@ import { COMPANY } from '@constants';
window.addEventListener('scroll', updateScroll, { passive: true });
// Открытие меню - добавляем active к бургеру для скрытия
burgerBtn?.addEventListener('click', () => {
mobileMenuOverlay?.classList.toggle('active');
burgerBtn?.classList.toggle('active');
document.body.style.overflow = mobileMenuOverlay?.classList.contains('active') ? 'hidden' : '';
mobileMenuOverlay?.classList.add('active');
burgerBtn?.classList.add('active');
document.body.style.overflow = 'hidden';
});
updateScroll();
});
</script>