taozuqin/ST-Bionic-Memory-Ecology
1
0
Fork 0
mirror of https://github.com/Youzini-afk/ST-Bionic-Memory-Ecology.git synced 2026-05-15 22:30:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(mobile): 补全移动端适配 — 能力卡片 toggle/文字放大、config 渐变跟随主题、action 网格窄屏 1 列

Browse Source
This commit is contained in:
Youzini-afk
2026-04-07 20:02:19 +08:00
parent 96ecd6e42a
commit fff91628e1
1 changed files with 42 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
style.css
View File

@@ -595,7 +595,7 @@
background:
radial-gradient(
circle at top right,
rgba(233, 69, 96, 0.1),
var(--bme-primary-dim, rgba(233, 69, 96, 0.15)),
transparent 32%
),
linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 20%),
@@ -4048,6 +4048,42 @@
gap: 10px;
}
/* P1: 能力卡片 toggle 移动端放大 */
.bme-capability-card input[type="checkbox"] {
width: 44px;
height: 24px;
border-radius: 12px;
}
.bme-capability-card input[type="checkbox"]::after {
width: 18px;
height: 18px;
}
.bme-capability-card input[type="checkbox"]:checked::after {
transform: translateX(20px);
}
/* P2: 能力卡片文字 / icon 移动端微调 */
.bme-cap-icon {
width: 38px;
height: 38px;
font-size: 17px;
border-radius: 10px;
}
.bme-cap-title {
font-size: 14px;
}
.bme-cap-desc {
font-size: 12px;
}
.bme-capability-card {
padding: 14px;
}
.bme-stripe-row {
flex-direction: column;
gap: 12px;
@@ -4097,4 +4133,9 @@
.bme-capability-grid {
grid-template-columns: 1fr;
}
/* P3: Action 网格窄屏 1 列 fallback */
.bme-action-grid {
grid-template-columns: 1fr;
}
}