chill/menav
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

feat: 优化紧凑移动端布局

Browse Source
This commit is contained in:
coolzr
2025-10-19 21:08:40 +08:00
parent a403cf8f0d
commit 807122437c
1 changed files with 26 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
assets/style.css
View File

@@ -1321,6 +1321,11 @@ body .content.expanded {
margin-top: 1rem; /* 增加顶部间距 */
}
.page {
padding-left: 0.15rem;
padding-right: 0.15rem;
}
.welcome-section h2 {
font-size: 2rem;
}
@@ -1335,18 +1340,18 @@ body .content.expanded {
/* 分类样式优化 */
.category {
margin: 0 1.5rem 1.5rem 1.5rem;
padding: 1.5rem;
width: calc(100% - 3rem);
margin: 0 0.15rem 0.9rem 0.15rem;
padding: 1.1rem;
width: calc(100% - 0.3rem);
}
.sites-grid {
gap: 0.8rem;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
gap: 0.7rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.site-card {
padding: 1rem 0.8rem;
padding: 0.9rem 0.7rem;
}
.site-card i {
@@ -1401,26 +1406,28 @@ body .content.expanded {
}
.category {
margin: 0 1.2rem 1.2rem 1.2rem;
padding: 1.2rem;
width: calc(100% - 2.4rem);
margin: 0 0.1rem 0.8rem 0.1rem;
padding: 0.95rem;
width: calc(100% - 0.2rem);
}
.search-container {
padding: 0 1rem;
}
.page {
padding-top: 1rem;
padding-left: 0.1rem;
padding-right: 0.1rem;
}
.sites-grid {
gap: 0.6rem;
grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
gap: 0.5rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.site-card {
padding: 0.8rem 0.6rem;
padding: 0.75rem 0.5rem;
}
.site-card i {
@@ -1447,18 +1454,18 @@ body .content.expanded {
@media (max-width: 400px) {
.category {
padding: 1rem;
margin: 0 0.8rem 1rem 0.8rem;
width: calc(100% - 1.6rem);
padding: 0.85rem;
margin: 0 0.05rem 0.6rem 0.05rem;
width: calc(100% - 0.1rem);
}
.sites-grid {
gap: 0.5rem;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
gap: 0.4rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.site-card {
padding: 0.7rem 0.5rem;
padding: 0.6rem 0.4rem;
}
.site-card i {