diff --git a/frontend/src/components/layout/header/Header.astro b/frontend/src/components/layout/header/Header.astro index a45972f..db2029e 100644 --- a/frontend/src/components/layout/header/Header.astro +++ b/frontend/src/components/layout/header/Header.astro @@ -47,29 +47,31 @@ import { COMPANY } from "@constants"; - - - - - +
+ + + + + - + +
@@ -252,6 +254,12 @@ import { COMPANY } from "@constants"; transform: scale(0.95); } + .mobile-actions { + display: flex; + align-items: center; + gap: 16px; + } + /* Скрытие гамбургера при открытом меню */ .burger-btn.active { opacity: 0; @@ -259,6 +267,11 @@ import { COMPANY } from "@constants"; } /* --- АНИМАЦИИ ПРИ ЗАГРУЗКЕ --- */ + @media (min-width: 993px) { + .mobile-actions { + display: none; + } + } .animate-load { opacity: 0; transform: translateY(-20px); @@ -306,7 +319,7 @@ import { COMPANY } from "@constants"; display: none; } .header-right { - gap: 1.25rem; + gap: 0.5rem; } .header-phone { display: none; @@ -323,6 +336,9 @@ import { COMPANY } from "@constants"; .header-phone { display: flex; } + .mobile-phone-btn { + display: none; + } } @media (max-width: 767px) { @@ -337,7 +353,6 @@ import { COMPANY } from "@constants"; // Проверка авторизации и отображение правильного меню function initAuth() { const authSection = document.getElementById('auth-section'); - const phoneEl = document.getElementById('header-phone'); if (!authSection) return; const token = localStorage.getItem('auth_token'); @@ -349,7 +364,6 @@ import { COMPANY } from "@constants"; const firstLetter = (user.name || user.email || 'U').charAt(0).toUpperCase(); // Скрываем телефон, показываем аватар и кнопку выхода - if (phoneEl) phoneEl.style.display = 'none'; const displayName = user.name || user.email || 'Пользователь'; authSection.innerHTML = ` @@ -384,9 +398,6 @@ import { COMPANY } from "@constants"; function showPhone() { const authSection = document.getElementById('auth-section'); - const phoneEl = document.getElementById('header-phone'); - - if (phoneEl) phoneEl.style.display = 'flex'; if (authSection) authSection.innerHTML = ''; }