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

43
assets/style.css
View File

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