From 79203d418b39c993d069271e264d8fe35b257bcc Mon Sep 17 00:00:00 2001 From: Zhukj <3262118957> Date: Sat, 25 Apr 2026 09:46:49 +0800 Subject: [PATCH] =?UTF-8?q?style(css):=20=E8=B0=83=E6=95=B4=E5=B7=A5?= =?UTF-8?q?=E5=85=B7=E6=A0=8F=E5=92=8C=E6=8C=89=E9=92=AE=E7=9A=84=E5=B0=BA?= =?UTF-8?q?=E5=AF=B8=E5=8F=8A=E9=97=B4=E8=B7=9D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 统一缩小工具栏和按钮的尺寸,优化整体视觉间距 --- css/style.css | 32 ++++++++++++++++---------------- 1 file changed, 16 insertions(+), 16 deletions(-) diff --git a/css/style.css b/css/style.css index a84c976..546adc2 100644 --- a/css/style.css +++ b/css/style.css @@ -24,7 +24,7 @@ html, body { display: flex; justify-content: center; align-items: center; - gap: 6px; + gap: 4px; padding: 10px 12px; background: #fff; border-bottom: 1px solid #e0e0e0; @@ -32,10 +32,10 @@ html, body { } .btn { - min-width: 68px; - height: 36px; - padding: 0 10px; - font-size: 14px; + min-width: 56px; + height: 32px; + padding: 0 8px; + font-size: 13px; border: 1px solid #ddd; border-radius: 6px; background: #fff; @@ -53,7 +53,7 @@ html, body { } .btn-primary { - min-width: 100px; + min-width: 80px; background: #4a90e2; color: #fff; border-color: #4a90e2; @@ -66,18 +66,18 @@ html, body { /* 工具栏垂直分隔线 */ .toolbar-divider-v { width: 1px; - height: 20px; + height: 18px; background: #e0e0e0; - margin: 0 2px; + margin: 0 1px; } /* 工具栏图标按钮 */ .toolbar-btn-icon { - width: 28px; - height: 28px; - font-size: 14px; + width: 24px; + height: 24px; + font-size: 12px; border: 1px solid #ddd; - border-radius: 5px; + border-radius: 4px; background: #fff; color: #555; cursor: pointer; @@ -106,13 +106,13 @@ html, body { /* 撤销重做按钮组 */ .toolbar-action-group { display: flex; - gap: 3px; - margin: 0 2px; + gap: 2px; + margin: 0 1px; } /* 左侧分隔线(文本按钮后) */ .toolbar-divider-v.divider-left { - margin-left: 4px; + margin-left: 2px; margin-right: 0; } @@ -163,7 +163,7 @@ html, body { /* 编辑器工具栏(文本/图片共用) */ .editor-toolbar { position: absolute; - top: 65px; + top: 52px; left: 0; right: 0; display: flex;