language
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user