From a38409662ce0e94215da8267ffffda7a67b11dee Mon Sep 17 00:00:00 2001 From: Muse Date: Sat, 14 Nov 2026 11:48:15 +0800 Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E6=81=A2=E5=A4=8D=E5=BC=B9=E7=AA=97?= =?UTF-8?q?=E4=B8=A2=E5=BC=83=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F=20+=20?= =?UTF-8?q?=E6=A0=87=E9=A2=98=E6=A0=8F=E7=AA=97=E5=8F=A3=E5=9B=BE=E6=A0=87?= =?UTF-8?q?=E7=BB=9F=E4=B8=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 丢弃按钮是裸按钮(.recovery-actions 只写了布局),补标准次按钮样式; 标题栏最小化/最大化/关闭原用文字字形(—/□/×)天然大小不一, 换成统一 10×10 画布、1px 线宽的内联 SVG,按钮加居中对齐。 --- src/components/TitleBar.tsx | 12 +++++++++--- src/styles.css | 4 +++- 2 files changed, 12 insertions(+), 4 deletions(-) diff --git a/src/components/TitleBar.tsx b/src/components/TitleBar.tsx index 01db0ff..a725a4a 100644 --- a/src/components/TitleBar.tsx +++ b/src/components/TitleBar.tsx @@ -32,9 +32,15 @@ export default function TitleBar({ docTitle, dirty }: Props) { {tauri && ( - - - + + + )} diff --git a/src/styles.css b/src/styles.css index e092204..009316d 100644 --- a/src/styles.css +++ b/src/styles.css @@ -37,7 +37,7 @@ button { font: inherit; color: inherit; } .titlebar-app { color: var(--text-dim); } .dirty-dot { color: #d08a2d; font-size: 10px; } .window-controls { margin-left: auto; display: flex; height: 100%; } -.window-controls button { width: 46px; border: 0; background: transparent; cursor: pointer; font-size: 14px; } +.window-controls button { width: 46px; border: 0; background: transparent; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; color: var(--text); } .window-controls button:hover { background: var(--hover); } .window-controls .wc-close:hover { background: #c42b1c; color: #fff; } @@ -153,6 +153,8 @@ kbd { background: var(--code-bg); border: 1px solid var(--border); border-radius .recovery-meta { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .recovery-meta span { color: var(--text-dim); font-size: 12px; } .recovery-actions { display: flex; gap: 6px; flex: none; } +.recovery-actions button:not(.primary) { border: 1px solid var(--border); background: var(--bg); color: var(--text); border-radius: 7px; padding: 6px 14px; cursor: pointer; } +.recovery-actions button:not(.primary):hover { background: var(--accent-weak); } .modal-actions.column { flex-direction: column; align-items: stretch; } .modal-field { display: flex; flex-direction: column; gap: 6px; font-size: 13px; margin: 8px 0 4px; } .tree-context-menu { position: fixed; z-index: 90; background: var(--bg-editor); border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 10px 26px rgba(0,0,0,0.16); padding: 4px; min-width: 150px; }