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-07 18:53:23 +05:00
parent 410a1c3235
commit ffd99c404a
9 changed files with 756 additions and 733 deletions
Download patch file Download diff file Expand all files Collapse all files

32
frontend/src/pages/blog/index.astro
View file

@ -5,6 +5,8 @@ import BlogHero from '@components/blog/BlogHero.astro';
import BlogCategories from '@components/blog/BlogCategories.astro';
import BlogCard from '@components/blog/BlogCard.astro';
import BlogPagination from '@components/blog/BlogPagination.astro';
import SearchIcon from '@components/blog/SearchIcon.astro';
import SearchModal from '@components/base/SearchModal.astro';
import { blogPosts, categories } from '@data/blogData';
---
@ -14,6 +16,17 @@ import { blogPosts, categories } from '@data/blogData';
canonicalLink={`${SITE_URL}/blog`}
>
<BlogHero />
<!-- Иконка поиска -->
<section class="search-section">
<div class="site-container">
<div class="search-container">
<SearchIcon />
<p class="search-hint">Нажмите для поиска статей</p>
</div>
</div>
</section>
<BlogCategories categories={categories} />
<!-- Сетка статей -->
@ -55,7 +68,26 @@ import { blogPosts, categories } from '@data/blogData';
</section>
</Layout>
<SearchModal />
<style>
.search-section {
padding: 2rem 0;
background: linear-gradient(135deg, #0a2540 0%, #1e3a5f 100%);
}
.search-container {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
}
.search-hint {
color: rgba(255, 255, 255, 0.7);
font-size: 0.9rem;
margin: 0;
}
.blog-grid-section {
padding: 3rem 0 0;
background: #f8fafc;