beggin/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 微调移动端ui

Browse Source
This commit is contained in:
21 Guns
2026-08-16 00:11:16 +08:00
parent 6385b36f6d
commit fef7f239c9
3 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Post/List.astro
View File

@@ -32,10 +32,10 @@ const {posts} = Astro.props
} }
.post .d { .post .d {
font-size: 12px; font-size: 14px;
color: #b8b8b8; color: #b8b8b8;
min-width: 80px; min-width: 80px;
letter-spacing: 0.1em; letter-spacing: 1px;
} }
.post h2 { .post h2 {
@@ -74,7 +74,7 @@ const {posts} = Astro.props
} }
.post h2 { .post h2 {
font-size: 14px; font-size: 15px;
} }
} }
</style> </style>

6
src/pages/archive.astro
View File

@@ -98,7 +98,7 @@ const {data} = await http.get<ApiResponse<Archive>>("posts/archives");
} }
.post-date { .post-date {
color: var(--text-tertiary); color: var(--text-secondary);
} }
.post-title { .post-title {
@@ -107,6 +107,7 @@ const {data} = await http.get<ApiResponse<Archive>>("posts/archives");
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
color: var(--text-primary); color: var(--text-primary);
font-size: 16px;
} }
.post-title:hover{ .post-title:hover{
@@ -114,7 +115,8 @@ const {data} = await http.get<ApiResponse<Archive>>("posts/archives");
} }
.post-cat { .post-cat {
color: var(--text-tertiary); color: var(--text-secondary);
font-size: 14px;
} }
@media (max-width: 640px) { @media (max-width: 640px) {

7
src/styles/github-markdown-reset.css
View File

@@ -19,7 +19,7 @@
.markdown-body .highlight pre, .markdown-body .highlight pre,
.markdown-body pre { .markdown-body pre {
border-radius: 0 0 6px 6px; border-radius: 0 0 8px 8px;
} }
.markdown-body img { .markdown-body img {
@@ -27,19 +27,18 @@
} }
.code-block { .code-block {
} }
.code-header { .code-header {
height: 36px; height: 36px;
background: #f5f5f5; background: #f4f4f5;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
color: var(--text-primary); color: var(--text-primary);
align-items: center; align-items: center;
padding: 0 12px; padding: 0 12px;
font-size: 14px; font-size: 14px;
border-radius: 6px 6px 0 0; border-radius: 8px 8px 0 0;
} }
.code-header-left { .code-header-left {