redi/astro_avtourist
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-07 19:59:16 +05:00
parent 41d790bfa3
commit cd8da6b3b8
1 changed files with 41 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -64,11 +64,7 @@ import { COMPANY } from "@constants";
</a> </a>
<!-- Блок авторизации для мобильных --> <!-- Блок авторизации для мобильных -->
<div class="mobile-auth-block" id="mobile-auth-block"> <div class="mobile-auth-block" id="mobile-auth-block"></div>
<a href="/auth/sign-in" class="mobile-auth-btn" id="mobile-auth-btn">
<span>Войти</span>
</a>
</div>
<button class="burger-btn" id="burger-btn" aria-label="Открыть меню"> <button class="burger-btn" id="burger-btn" aria-label="Открыть меню">
<span class="burger-line"></span> <span class="burger-line"></span>
@ -271,14 +267,48 @@ import { COMPANY } from "@constants";
.mobile-actions { .mobile-actions {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 16px; gap: 12px;
} }
/* Мобильный блок авторизации */ /* Мобильный блок авторизации */
.mobile-auth-block { .mobile-auth-block {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; }
/* Кнопка входа - круглая иконка */
.mobile-auth-btn {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
background: transparent;
border: 2px solid #1e3050;
border-radius: 50%;
color: #1e3050;
text-decoration: none;
transition: all 0.3s ease;
}
.mobile-auth-btn:hover {
background: #1e3050;
color: #fff;
}
/* Кнопка выхода - круглая иконка */
.mobile-auth-btn.logout-btn {
width: 36px;
height: 36px;
border: 2px solid #ef4444;
border-radius: 50%;
color: #ef4444;
}
.mobile-auth-btn.logout-btn:hover {
background: #ef4444;
color: #fff;
} }
/* Кнопка входа - как в десктопе */ /* Кнопка входа - как в десктопе */
@ -409,7 +439,7 @@ import { COMPANY } from "@constants";
.mobile-actions { .mobile-actions {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 16px; gap: 12px;
} }
.mobile-phone-btn, .mobile-phone-btn,
.burger-btn, .burger-btn,
@ -507,10 +537,8 @@ import { COMPANY } from "@constants";
localStorage.removeItem('user'); localStorage.removeItem('user');
localStorage.removeItem('pocketbase_auth'); localStorage.removeItem('pocketbase_auth');
document.querySelector('.header-right')?.classList.remove('auth-active'); document.querySelector('.header-right')?.classList.remove('auth-active');
// Редирект на текущую страницу с параметром loggedout // Остаемся на той же странице
const currentUrl = window.location.pathname + window.location.search + window.location.hash; window.location.reload();
const separator = currentUrl.includes('?') ? '&' : '?';
window.location.href = currentUrl + separator + 'loggedout=true';
}); });
// Добавляем класс для изменения порядка // Добавляем класс для изменения порядка