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:
rbetree
2025-10-26 20:31:02 +08:00
parent ee19312ef3
commit 153dee9dbc
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
assets/style.css
View File

@@ -864,8 +864,8 @@ body .content.expanded {
.category {
background: linear-gradient(145deg, var(--card-bg-gradient-1), var(--card-bg-gradient-2));
border-radius: 16px;
padding: 2rem;
margin: 0 1rem 2.5rem 2rem;
padding: 1.2rem;
margin: 0 1rem 1.5rem 2rem;
width: calc(100% - 3rem);
max-width: 1300px;
position: relative;
@@ -919,8 +919,8 @@ body .content.expanded {
/* 多层级嵌套样式 */
/* 层级2: 子分类 */
.category-level-2 {
margin: 1.5rem 0 1.5rem 2rem;
padding: 1.5rem;
margin: 1rem 0 0.5rem 2rem;
padding: 1rem;
background: linear-gradient(145deg,
rgba(var(--card-bg-rgb), 0.8),
rgba(var(--card-bg-rgb), 0.6));
@@ -970,8 +970,8 @@ body .content.expanded {
/* 层级3: 分组 */
.group-level-3, .category-level-3 {
margin: 0.6rem 0 0.6rem 1rem;
padding: 0.7rem;
margin: 0.5rem 0 0.1rem 1rem;
padding: 0.5rem;
background: rgba(var(--card-bg-rgb), 0.4);
border-left: 2px solid var(--secondary-color);
border-radius: 8px;
@@ -1024,8 +1024,8 @@ body .content.expanded {
/* 层级4: 更深层次的分组 */
.group-level-4, .category-level-4 {
margin: 0.8rem 0 0.8rem 1rem;
padding: 0.8rem;
margin: 0.6rem 0 0.2rem 1rem;
padding: 0.6rem;
background: rgba(var(--card-bg-rgb), 0.2);
border-left: 1px solid var(--tertiary-color);
border-radius: 6px;
@@ -1601,7 +1601,7 @@ body .content.expanded {
.category {
max-width: 1100px;
margin-bottom: 2rem;
margin-bottom: 2.5rem;
margin-left: 1.5rem; /* 增加左边距 */
margin-right: 1.5rem; /* 增加右边距 */
width: calc(100% - 3rem); /* 适应新的左右边距 */
@@ -1732,7 +1732,7 @@ body .content.expanded {
/* 分类样式优化 */
.category {
margin: 0 0.15rem 0.9rem 0.15rem;
margin: 0 0.15rem 1.5rem 0.15rem;
padding: 1.1rem;
width: calc(100% - 0.3rem);
}
@@ -1798,7 +1798,7 @@ body .content.expanded {
}
.category {
margin: 0 0.1rem 0.8rem 0.1rem;
margin: 0 0.1rem 1.3rem 0.1rem;
padding: 0.95rem;
width: calc(100% - 0.2rem);
}
@@ -1847,7 +1847,7 @@ body .content.expanded {
@media (max-width: 400px) {
.category {
padding: 0.85rem;
margin: 0 0.05rem 0.6rem 0.05rem;
margin: 0 0.05rem 1.2rem 0.05rem;
width: calc(100% - 0.1rem);
}