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-28 19:37:59 +05:00
parent bccd6310b3
commit 1cea684a89
3 changed files with 16 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/components/blog/comments/Comments.tsx
View file

@ -270,7 +270,7 @@ export default function Comments(props: CommentsProps) {
<> <>
<style>{` <style>{`
@media (max-width: 768px) { @media (max-width: 768px) {
.comments-wrapper { padding: 0 0.75rem; } .comments-wrapper { padding: 0; }
.comments-wrapper h3 { font-size: 1.5rem !important; } .comments-wrapper h3 { font-size: 1.5rem !important; }
.comment-card { padding: 1rem !important; } .comment-card { padding: 1rem !important; }
.comment-avatar { width: 40px !important; height: 40px !important; } .comment-avatar { width: 40px !important; height: 40px !important; }

15
frontend/src/layouts/ArticleLayout.astro
View file

@ -238,16 +238,19 @@ const {
@media (max-width: 768px) { @media (max-width: 768px) {
.article-hero { height: auto; min-height: 385px; } .article-hero { height: auto; min-height: 385px; }
.article-title { font-size: 1.5rem; } .article-title { font-size: 1.5rem; text-align: center; }
.article-hero-bottom { flex-direction: column; align-items: flex-start; gap: 2rem; } .article-hero-top { text-align: center; display: flex; flex-direction: column; align-items: center; }
.article-actions { width: 100%; justify-content: flex-start; align-items: flex-end; gap: 1.5rem; } .category-strip { margin-bottom: 1.5rem; padding: 0.4rem 1rem; }
.category-text { font-size: 0.7rem; }
.article-hero-bottom { flex-direction: column; align-items: center; gap: 2rem; text-align: center; }
.article-actions { width: 100%; justify-content: center; align-items: center; gap: 1.5rem; }
.share-wrapper { display: flex; align-items: flex-end; } .share-wrapper { display: flex; align-items: flex-end; }
.article-content-wrapper { padding: 2.5rem 1.5rem; padding-top: 0; } .article-content-wrapper { padding: 2.5rem 1.5rem; padding-top: 0; }
.article-hero-inner { padding: 2rem 0; } .article-hero-inner { padding: 2rem 0; }
.meta-item { font-size: 0.85rem; } .meta-item { font-size: 0.85rem; }
.article-meta { gap: 0.75rem; flex-wrap: wrap; } .article-meta { gap: 0.75rem; flex-wrap: wrap; justify-content: center; }
.category-strip { margin-bottom: 1.5rem; padding: 0.4rem 1rem; } .article-content-wrapper .post-content h2 { font-size: 1.25rem; text-align: center; justify-content: center; }
.category-text { font-size: 0.7rem; } .article-content-wrapper .post-content h3 { font-size: 1.1rem; text-align: center; justify-content: center; }
} }
</style> </style>

12
frontend/src/pages/blog/[slug].astro
View file

@ -152,16 +152,16 @@ const heroImage = getPostImageUrl(post);
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.post-content {
padding: 2rem 0;
}
.post-content :global(h2) { .post-content :global(h2) {
font-size: 1.15rem; font-size: 1rem;
text-align: center;
justify-content: center;
} }
.post-content :global(h3) { .post-content :global(h3) {
font-size: 1.05rem; font-size: 0.9rem;
text-align: center;
justify-content: center;
} }
.post-content :global(p) { .post-content :global(p) {