style: 优化移动端ui

This commit is contained in:
2026-08-15 21:48:37 +08:00
parent 80d461f0e2
commit 390437b4bb
3 changed files with 9 additions and 3 deletions

View File

@@ -80,8 +80,8 @@ const {posts, page, totalPage} = Astro.props
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.page-content { .intro{
gap: 24px; padding-bottom: 24px;
} }
footer { footer {

View File

@@ -31,7 +31,7 @@ const {siteTitle} = siteConfig;
@media (max-width: 640px) { @media (max-width: 640px) {
header { header {
margin-top: 24px; margin-top: 12px;
margin-bottom: 0; margin-bottom: 0;
} }
} }

View File

@@ -45,4 +45,10 @@ const pageTitle = title ? `${title} - ${siteTitle}` : siteTitle;
height: 100%; height: 100%;
min-height: 100%; min-height: 100%;
} }
@media (max-width: 640px) {
.container {
padding: 16px;
}
}
</style> </style>