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-04-29 03:25:37 +05:00
parent 9122756a58
commit 1838fd302d
14 changed files with 88 additions and 79 deletions
Download patch file Download diff file Expand all files Collapse all files

22
frontend/src/components/base/AuthLockBlock.astro
View file

@ -28,7 +28,7 @@ const delay = typeof dataDelay === 'number' ? dataDelay : parseInt(String(dataDe
data-delay={delay}
>
<div class="lock-icon-container">
<svg class="w-8 h-8 md:w-10 md:h-10 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<svg class="text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/>
</svg>
</div>
@ -64,8 +64,8 @@ const delay = typeof dataDelay === 'number' ? dataDelay : parseInt(String(dataDe
}
.lock-icon-container {
width: 4rem;
height: 4rem;
width: 3rem;
height: 3rem;
background: linear-gradient(135deg, rgba(37, 99, 235, 0.2) 0%, rgba(30, 64, 175, 0.3) 100%);
border-radius: 50%;
display: flex;
@ -78,8 +78,20 @@ const delay = typeof dataDelay === 'number' ? dataDelay : parseInt(String(dataDe
@media (min-width: 768px) {
.lock-icon-container {
width: 5rem;
height: 5rem;
width: 4rem;
height: 4rem;
}
}
.lock-icon-container svg {
width: 1.5rem;
height: 1.5rem;
}
@media (min-width: 768px) {
.lock-icon-container svg {
width: 2rem;
height: 2rem;
}
}

1
frontend/src/components/base/CTA.astro
View file

@ -207,5 +207,4 @@ const iconPaths: Record<string, string> = {
};
setupAnimations();
document.addEventListener('astro:page-load', setupAnimations);
</script>

1
frontend/src/components/blog/BlogCategories.astro
View file

@ -145,7 +145,6 @@ const { categories, activeCategory = 'Все', currentPage = 1 } = Astro.props;
<script>
// Клиентская логика фильтрации
document.addEventListener('DOMContentLoaded', initFilter);
document.addEventListener('astro:page-load', initFilter);
function initFilter() {
const links = document.querySelectorAll('.category-btn');

5
frontend/src/components/home/Reviews.astro
View file

@ -281,9 +281,4 @@ const colors = ['bg-gradient-1', 'bg-gradient-2', 'bg-gradient-3', 'bg-gradient-
setupSlider();
setupAnimations();
document.addEventListener('astro:page-load', () => {
setupSlider();
setupAnimations();
});
</script>

4
frontend/src/components/reviews/ReviewFormContainer.tsx
View file

@ -105,8 +105,8 @@ export default function ReviewFormContainer() {
<Show when={isAuthenticated()} fallback={
<div class="mx-auto w-full max-w-[700px]">
<div class="bg-gradient-to-br from-slate-50 to-slate-100 rounded-2xl border border-slate-200 p-6 md:p-12 text-center">
<div class="w-16 md:w-20 mx-auto mb-4 md:mb-6 rounded-full flex items-center justify-center bg-gradient-to-br from-blue-500/20 to-blue-900/30">
<svg class="w-8 md:w-10 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<div class="w-10 h-10 md:w-16 md:h-16 mx-auto mb-4 md:mb-6 rounded-full flex items-center justify-center" style="background: linear-gradient(135deg, rgba(37, 99, 235, 0.2) 0%, rgba(30, 64, 175, 0.3) 100%);">
<svg class="w-5 md:w-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/>
</svg>
</div>