This commit is contained in:
2026-05-04 23:56:38 +04:00
parent f97f4b5d96
commit cf634f766f
20 changed files with 405 additions and 439 deletions

View File

@@ -10,16 +10,23 @@
</a>
<!-- Desktop nav -->
<nav class="site-header__nav" aria-label="Навигация">
<a class="site-header__link" href="#about">О сервисе</a>
<a class="site-header__link" href="#contacts">Контакты</a>
<a class="site-header__link" href="mailto:info@viaexport.store">Поддержка</a>
<nav class="site-header__nav" [attr.aria-label]="'header.aria_nav' | translate">
<a class="site-header__link" href="#about">{{ 'header.nav_about' | translate }}</a>
<a class="site-header__link" href="#contacts">{{ 'header.nav_contacts' | translate }}</a>
<a class="site-header__link" href="mailto:info@viaexport.store">{{ 'header.nav_support' | translate }}</a>
</nav>
<!-- Language switcher -->
<div class="site-header__langs">
<button type="button" class="site-header__lang" [class.site-header__lang--active]="currentLang() === 'ru'" (click)="setLang('ru')">RU</button>
<button type="button" class="site-header__lang" [class.site-header__lang--active]="currentLang() === 'en'" (click)="setLang('en')">EN</button>
<button type="button" class="site-header__lang" [class.site-header__lang--active]="currentLang() === 'hy'" (click)="setLang('hy')">HY</button>
</div>
<!-- Mobile hamburger -->
<button class="site-header__burger" type="button"
[attr.aria-expanded]="menuOpen()"
aria-label="Меню"
[attr.aria-label]="'header.aria_burger' | translate"
(click)="toggleMenu()">
@if (menuOpen()) {
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor"
@@ -37,10 +44,15 @@
<!-- Mobile dropdown -->
@if (menuOpen()) {
<nav class="site-header__mobile-menu" (click)="closeMenu()" aria-label="Мобильное меню">
<a class="site-header__mobile-link" href="#about">О сервисе</a>
<a class="site-header__mobile-link" href="#contacts">Контакты</a>
<a class="site-header__mobile-link" href="mailto:info@viaexport.store">Поддержка</a>
<nav class="site-header__mobile-menu" (click)="closeMenu()" [attr.aria-label]="'header.aria_menu' | translate">
<a class="site-header__mobile-link" href="#about">{{ 'header.nav_about' | translate }}</a>
<a class="site-header__mobile-link" href="#contacts">{{ 'header.nav_contacts' | translate }}</a>
<a class="site-header__mobile-link" href="mailto:info@viaexport.store">{{ 'header.nav_support' | translate }}</a>
<div class="site-header__mobile-langs">
<button type="button" class="site-header__lang" [class.site-header__lang--active]="currentLang() === 'ru'" (click)="setLang('ru')">RU</button>
<button type="button" class="site-header__lang" [class.site-header__lang--active]="currentLang() === 'en'" (click)="setLang('en')">EN</button>
<button type="button" class="site-header__lang" [class.site-header__lang--active]="currentLang() === 'hy'" (click)="setLang('hy')">HY</button>
</div>
</nav>
}
</header>