GVSDS/TankIC
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): 用原版圆形图标还原 Switch 视觉

Browse Source
This commit is contained in:
TermiNexus committed 2026-10-26 20:20:32 +08:00
1 parent 941ca46ac5
commit 3eb9a87650
2 files changed
+11 -8
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

3DTank/docs/SettingsStyleTable.md
+1 -1
View File
@@ -53,7 +53,7 @@
| `DropDownStyle` 容器 | `width:100%; position:relative` |
| `DropDownStyle` 按钮 | `display:flex; align-items:center; justify-content:space-between; min-width:4.375em; width:100%; height:3.125em; border:0.063em solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.1); padding:0 0.875em; box-sizing:border-box` |
| `CheckBoxComponentStyle` | `display:flex; align-items:center; justify-content:flex-start; width:100%; height:2.25em; margin-bottom:1.25em` |
| 设置页 Toggle Switch | `width:2.75em; height:1.5em; border:0.063em solid rgba(255,255,255,0.2); border-radius:6.25rem; background:rgba(118,255,51,0.25)`（开）/ `rgba(191,213,255,0.25)`（关）；白色圆形 knob，`transition:0.2s` |
| 设置页 Toggle Switch | `width:2.75em; height:1.5em; border:0.063em solid rgba(255,255,255,0.2); border-radius:6.25rem; background:rgba(118,255,51,0.25)`（开）/ `rgba(191,213,255,0.25)`（关）；knob 使用原版 `correct.afad1b22.svg` / `incorrectCheck.1918884a.svg` 圆形图标 |
| `DropDownStyle` 菜单 | `min-width:18.25em; background:rgba(0,25,38,0.9); backdrop-filter:blur(3.125em); position:absolute; z-index:999; display:flex; flex-direction:column` |
| `DropDownStyle` 选项 | `height:2.563em; min-height:2.563em; flex:0 0 2.563em; width:100%; display:flex; align-items:center; justify-content:flex-start; cursor:pointer`；hover `rgba(255,255,255,0.1)`；文字 `margin:0 2.125em; font-size:0.9375em` |
| 下拉滚动 | 菜单 `max-height:15.75em; overflow-y:auto; scrollbar-gutter:stable`；选项固定高度，不参与 flex 收缩，超过上限后滚动 |
TankiOffline/app/src/jsMain/resources/lobby3.css
+10 -7
View File
@@ -1082,23 +1082,26 @@ body { margin: 0; overflow: hidden; background: #001926; color: #fff; }
height: 1.5em;
border: 0.063em solid rgba(255, 255, 255, 0.2);
border-radius: 6.25rem;
background: rgba(191, 213, 255, 0.35);
background: rgba(191, 213, 255, 0.25);
transition: background-color 0.2s;
}
.ksc-62[data-on="true"] { background: rgba(118, 255, 51, 0.35); }
.ksc-62[data-on="true"] { background: rgba(118, 255, 51, 0.25); }
.ksc-62::after {
content: "";
position: absolute;
top: 50%;
left: 0.2em;
width: 1.1em;
height: 1.1em;
width: 1em;
height: 1em;
border-radius: 50%;
background: #fff;
background: url("/play/static/images/incorrectCheck.1918884a.svg") center / 100% 100% no-repeat;
transform: translateY(-50%);
transition: left 0.2s;
transition: left 0.2s, background-image 0.2s;
}
.ksc-62[data-on="true"]::after {
left: calc(100% - 1.2em);
background-image: url("/play/static/images/correct.afad1b22.svg");
}
.ksc-62[data-on="true"]::after { left: calc(100% - 1.3em); }
.ksc-63 { display: flex; align-items: center; justify-content: flex-start; margin-left: 0.75em; }
.ksc-63.has-description {
flex-direction: column;