style: improve mobile markdown layout

This commit is contained in:
Tim
2025-07-18 11:25:11 +08:00
parent 2374ccaea1
commit 619260809d
2 changed files with 26 additions and 0 deletions

View File

@@ -80,6 +80,11 @@ body {
padding-left: 1.5em; padding-left: 1.5em;
} }
.info-content-text {
word-break: break-word;
max-width: 100%;
}
.info-content-text blockquote { .info-content-text blockquote {
margin: 1em 0; margin: 1em 0;
padding-left: 1em; padding-left: 1em;
@@ -92,6 +97,8 @@ body {
padding: 8px 12px; padding: 8px 12px;
border-radius: 4px; border-radius: 4px;
line-height: 1.0; line-height: 1.0;
overflow-x: auto;
max-width: 100%;
} }
.info-content-text code { .info-content-text code {
@@ -168,6 +175,9 @@ body {
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.info-content-text {
font-size: 14px;
}
.info-content-text h1 { .info-content-text h1 {
font-size: 20px; font-size: 20px;
} }

View File

@@ -818,6 +818,22 @@ export default {
padding: 10px; padding: 10px;
} }
.article-title {
font-size: 22px;
}
.user-name {
font-size: 14px;
}
.post-time {
font-size: 12px;
}
.reactions-viewer-item {
font-size: 14px;
}
.post-page-scroller-container { .post-page-scroller-container {
display: none; display: none;
} }