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

ui: 功能开关改为滑动开关样式

Browse Source
This commit is contained in:
Youzini-afk
2026-03-26 14:44:07 +08:00
parent 754a3f3717
commit 5e8fd63722
1 changed files with 34 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
style.css
View File

@@ -1215,12 +1215,42 @@
color: var(--bme-on-surface-dim);
}
.bme-toggle-item input {
width: 18px;
height: 18px;
.bme-toggle-item input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
width: 40px;
height: 22px;
min-width: 40px;
margin-top: 2px;
flex-shrink: 0;
accent-color: var(--bme-primary);
border-radius: 999px;
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.08);
position: relative;
cursor: pointer;
transition: background 0.2s ease, border-color 0.2s ease;
}
.bme-toggle-item input[type="checkbox"]::after {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 16px;
height: 16px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.5);
transition: transform 0.2s ease, background 0.2s ease;
}
.bme-toggle-item input[type="checkbox"]:checked {
background: var(--bme-primary, #a078ff);
border-color: var(--bme-primary, #a078ff);
}
.bme-toggle-item input[type="checkbox"]:checked::after {
transform: translateX(18px);
background: #fff;
}
.bme-prompt-card-actions {