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

МÐНоÐСоздан компоент Steps

Browse source
This commit is contained in:
Web-serfer 2026-04-04 16:18:55 +05:00
parent d5286ab980
commit 00f9b24a60
9 changed files with 1420 additions and 184 deletions
Download patch file Download diff file Expand all files Collapse all files

35
frontend/src/components/layout/header/MobileMenu.astro
View file

@ -1,5 +1,5 @@
---
import { NAV_LINKS } from '@constants';
import { NAV_LINKS, COMPANY } from '@constants';
---
<div class="mobile-menu-overlay" id="mobile-menu-overlay">
@ -60,11 +60,15 @@ import { NAV_LINKS } from '@constants';
</ul>
</nav>
<!-- Контакты - кнопка входа ОСТАВЛЕНА ВНИЗУ -->
<!-- Контакты -->
<div class="mobile-contacts">
<div class="mobile-contact-card">
<div class="contact-icon">📞</div>
<a href="tel:+73462000000" class="mobile-phone">+7 (3462) 00-00-00</a>
<a href={`tel:${COMPANY.phone}`} class="mobile-phone">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="phone-icon">
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
</svg>
<span>{COMPANY.phone}</span>
</a>
<span class="contact-label">Ежедневно 9:00–21:00</span>
</div>
@ -340,7 +344,10 @@ import { NAV_LINKS } from '@constants';
background: rgba(255, 255, 255, 0.05);
border-radius: 12px;
padding: 1rem;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
transition: all 0.3s ease;
}
@ -349,26 +356,26 @@ import { NAV_LINKS } from '@constants';
transform: translateY(-2px);
}
.contact-icon {
font-size: 1.5rem;
margin-bottom: 0.5rem;
}
.mobile-phone {
display: block;
display: flex;
align-items: center;
gap: 0.5rem;
color: #eac26e;
font-size: 1.2rem;
font-size: 1.1rem;
font-weight: 700;
text-decoration: none;
margin-bottom: 0.25rem;
transition: all 0.3s ease;
}
.mobile-phone:hover {
transform: scale(1.05);
color: #f0d68a;
}
.phone-icon {
flex-shrink: 0;
color: #eac26e;
}
.contact-label {
font-size: 0.75rem;
color: rgba(255, 255, 255, 0.6);