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) { @media (max-width: 768px) {
.back-top { .back-top {
right: 48px; display: none;
bottom:100px;
} }
} }
</style> </style>

View File

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