diff --git a/electron/main.js b/electron/main.js index 21f33fb..0f8233d 100644 --- a/electron/main.js +++ b/electron/main.js @@ -155,16 +155,31 @@ h2{font-size:16px;margin-bottom:12px;color:#ccc} .item:hover{border-color:#7c5cff;transform:scale(1.03)} .item img{width:100%;height:120px;object-fit:cover;display:block;background:#111} .item .label{padding:8px 10px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} -.cancel-row{text-align:center;margin-top:14px} +.bottom-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:0 4px} +.audio-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none} +.audio-toggle input{display:none} +.switch{width:36px;height:20px;background:#3a3a4e;border-radius:10px;position:relative;transition:background .2s} +.switch::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#888;transition:transform .2s,background .2s} +.audio-toggle input:checked+.switch{background:#7c5cff} +.audio-toggle input:checked+.switch::after{transform:translateX(16px);background:#fff} +.audio-label{font-size:13px;color:#aaa} .cancel-btn{background:#3a3a4e;color:#e0e0e0;border:none;padding:8px 24px;border-radius:6px;cursor:pointer;font-size:14px} .cancel-btn:hover{background:#4a4a5e}