style: 优化移动端ui
This commit is contained in:
@@ -56,7 +56,7 @@ const {data} = await http.get<ApiResponse<Archive>>("posts/archives");
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 12px;
|
gap: 12px;
|
||||||
color: var(--text-primary);
|
color: var(--text-primary);
|
||||||
font-size: 32px;
|
font-size: 28px;
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -74,7 +74,7 @@ const {data} = await http.get<ApiResponse<Archive>>("posts/archives");
|
|||||||
}
|
}
|
||||||
|
|
||||||
.month-title {
|
.month-title {
|
||||||
color: #60a5fa;
|
color: var(--text-primary);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -116,4 +116,10 @@ const {data} = await http.get<ApiResponse<Archive>>("posts/archives");
|
|||||||
.post-cat {
|
.post-cat {
|
||||||
color: var(--text-tertiary);
|
color: var(--text-tertiary);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
.year-title{
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user