feat: 移动端隐藏back top、调整post list样式

This commit is contained in:
2026-08-01 23:19:24 +08:00
parent 9d0540ecfc
commit e2ccdb68b4
2 changed files with 18 additions and 3 deletions

View File

@@ -63,8 +63,7 @@ import backTopIcon from "@/assets/icon/back-top.svg?url";
@media (max-width: 768px) {
.back-top {
right: 48px;
bottom:100px;
display: none;
}
}
</style>

View File

@@ -124,7 +124,7 @@ posts.map((post) => {
}
.post-meta {
font-size: 13px;
font-size: 12px;
color: var(--text-secondary);
margin-bottom: 6px;
display: flex;
@@ -232,6 +232,15 @@ posts.map((post) => {
width: 128px;
height: 88px;
}
.post-title {
font-size: 18px;
}
.post-meta{
gap: 8px;
font-size: 12px;
}
}
@media (max-width: 560px) {
@@ -241,16 +250,23 @@ posts.map((post) => {
.post-title {
font-size: 16px;
margin-bottom: 4px;
}
.post-meta{
gap: 6px;
font-size: 12px;
}
.post-cover {
width: 100px;
height: 70px;
}
.post-summary{
font-size: 12px;
margin-bottom: 6px;
}
}
</style>