feat: 移动端隐藏back top、调整post list样式
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user