diff --git a/public/css/style.css b/public/css/style.css index eeb6bf2..3f5f1b9 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -18,24 +18,6 @@ body { } /* 顶部工具栏 */ -.toolbar { - display: flex; - align-items: center; - justify-content: space-between; - height: 44px; - padding: 0 12px; - background: linear-gradient(to bottom, #fdfdfd, #e8e8e8); - border-bottom: 1px solid #c0c0c0; - flex-shrink: 0; -} - -.toolbar-left, -.toolbar-center, -.toolbar-right { - display: flex; - align-items: center; - gap: 8px; -} .app-title { font-weight: 600; @@ -141,6 +123,22 @@ body { color: #666; } +.tree-header-actions { + display: flex; + align-items: center; + gap: 6px; +} + +.tree-header-actions .icon-btn { + padding: 0 4px; + border-radius: 3px; +} + +.tree-header-actions .icon-btn:hover { + background: #e5f1fb; + color: #0078d4; +} + .tree-content { flex: 1; overflow: auto; @@ -554,10 +552,10 @@ body.mode-readonly .row-btn:not(.view) { /* ===== 工具栏(分组处理) ===== */ .toolbar { display: flex; - align-items: stretch; - gap: 4px; + align-items: center; + gap: 6px 4px; min-height: 46px; - padding: 4px 8px; + padding: 5px 8px; background: linear-gradient(to bottom, #fdfdfd, #eaeaea); border-bottom: 1px solid #c0c0c0; flex-shrink: 0; @@ -571,6 +569,11 @@ body.mode-readonly .row-btn:not(.view) { gap: 6px; padding: 2px 10px; border-right: 1px solid #d5d5d5; + white-space: nowrap; +} + +.tool-group:last-child { + border-right: none; } .tool-group .group-label { @@ -591,10 +594,6 @@ body.mode-readonly .row-btn:not(.view) { flex-wrap: wrap; } -.dim-empty { - color: #8aa; - font-size: 12px; -} .dim-item { display: flex; diff --git a/public/index.html b/public/index.html index a3d0e92..e0afb06 100644 --- a/public/index.html +++ b/public/index.html @@ -33,11 +33,6 @@ -