From 5e8fd63722e53e31e353102f2ae4d8cdc2040137 Mon Sep 17 00:00:00 2001 From: Youzini-afk <13153778771cx@gmail.com> Date: Thu, 26 Mar 2026 14:44:07 +0800 Subject: [PATCH] =?UTF-8?q?ui:=20=E5=8A=9F=E8=83=BD=E5=BC=80=E5=85=B3?= =?UTF-8?q?=E6=94=B9=E4=B8=BA=E6=BB=91=E5=8A=A8=E5=BC=80=E5=85=B3=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- style.css | 38 ++++++++++++++++++++++++++++++++++---- 1 file changed, 34 insertions(+), 4 deletions(-) diff --git a/style.css b/style.css index 7a7c87d..9fba074 100644 --- a/style.css +++ b/style.css @@ -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 {