seahi/blogflare
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 调整文章横幅标题的样式和排版
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
seahi committed 2026-08-17 12:50:55 +08:00
1 parent 6a74daa91d
commit 28845e21bf
1 file changed
+7 -7
Download Patch File Download Diff File Expand all files Collapse all files
src/app.css
+7 -7
View File
@@ -505,29 +505,29 @@ body.single-col .post-list {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 70px 45px; padding: 40px 20px 24px;
animation: float-down 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: float-down 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.banner-title { .banner-title {
padding: 50px 1rem; padding: 30px 1rem 16px;
} }
} }
.banner-title .post-title { .banner-title .post-title {
text-align: center; text-align: center;
font-weight: 400; font-weight: 600;
word-break: break-word; word-break: break-word;
font-size: 2.7rem; font-size: 1.75rem;
line-height: 1.67; line-height: 1.4;
margin: 0; margin: 0 0 0.5rem;
color: var(--title-color); color: var(--title-color);
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.banner-title .post-title { .banner-title .post-title {
font-size: 2.2rem; font-size: 1.35rem;
} }
} }