Новые изменения в компоенты
This commit is contained in:
parent
bccd6310b3
commit
1cea684a89
3 changed files with 16 additions and 13 deletions
|
|
@ -238,16 +238,19 @@ const {
|
|||
|
||||
@media (max-width: 768px) {
|
||||
.article-hero { height: auto; min-height: 385px; }
|
||||
.article-title { font-size: 1.5rem; }
|
||||
.article-hero-bottom { flex-direction: column; align-items: flex-start; gap: 2rem; }
|
||||
.article-actions { width: 100%; justify-content: flex-start; align-items: flex-end; gap: 1.5rem; }
|
||||
.article-title { font-size: 1.5rem; text-align: center; }
|
||||
.article-hero-top { text-align: center; display: flex; flex-direction: column; align-items: center; }
|
||||
.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; }
|
||||
.article-content-wrapper { padding: 2.5rem 1.5rem; padding-top: 0; }
|
||||
.article-hero-inner { padding: 2rem 0; }
|
||||
.meta-item { font-size: 0.85rem; }
|
||||
.article-meta { gap: 0.75rem; flex-wrap: wrap; }
|
||||
.category-strip { margin-bottom: 1.5rem; padding: 0.4rem 1rem; }
|
||||
.category-text { font-size: 0.7rem; }
|
||||
.article-meta { gap: 0.75rem; flex-wrap: wrap; justify-content: center; }
|
||||
.article-content-wrapper .post-content h2 { font-size: 1.25rem; text-align: center; justify-content: center; }
|
||||
.article-content-wrapper .post-content h3 { font-size: 1.1rem; text-align: center; justify-content: center; }
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue