cloverta/SanYeCao-blog
1
0
Fork 0
mirror of https://github.com/ClovertaTheTrilobita/SanYeCao-blog.git synced 2026-10-25 21:43:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

rollback stlye on phone

Browse source
This commit is contained in:
ClovertaTheTrilobita 2026-09-17 15:10:30 +08:00
parent d62ac361c0
commit 43154122e3
2 changed files with 22 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/components/Posts/PostItem.astro
View file

@ -187,19 +187,20 @@ const tags = data.tags;
@media (max-width: 600px) { @media (max-width: 600px) {
.post-link { .post-link {
display: grid; display: grid;
grid-template-columns: minmax(0, 1fr) clamp(88px, 24vw, 104px); grid-template-columns: 1fr 145px;
grid-template-areas: grid-template-areas:
"title title" "title title"
"desc image" "desc image"
"tags tags" "tags image"
"meta meta"; "meta image";
column-gap: 0.75rem; column-gap: 0.75rem;
row-gap: 0; row-gap: 0.2rem;
align-items: start; align-items: start;
} }
.post-text { .post-text {
display: contents; display: contents;
min-height: auto;
} }
.post-title-link { .post-title-link {
@ -214,20 +215,30 @@ const tags = data.tags;
grid-area: desc; grid-area: desc;
} }
.tags {
grid-area: tags;
}
.post-meta-row { .post-meta-row {
grid-area: meta; grid-area: meta;
gap: 0.7rem; gap: 0.7rem;
} }
.post-image {
grid-area: image;
width: 100%;
height: calc(145px * 10 / 16);
align-self: center;
}
.post-image-link { .post-image-link {
grid-area: image; grid-area: image;
margin-top: 0.5rem; align-self: center;
width: 100%; width: 145px;
aspect-ratio: auto;
overflow: visible;
text-decoration: none; text-decoration: none;
} }
.post-card {
padding-bottom: 0.2rem;
padding-top: 0.2rem;
}
} }
</style> </style>

2
src/layouts/MarkdownPostLayout.astro
View file

@ -337,7 +337,7 @@ const t = getTranslations(lang);
font-size: 0.88rem; font-size: 0.88rem;
} }
@media (max-width: 800px) { @media (max-width: 560px) {
.post-header { .post-header {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }