style(工具栏): 调整撤销重做按钮组样式并添加分隔线

- 将撤销重做按钮放入独立容器并设置间距
- 添加左右分隔线样式及不同边距
- 调整保存按钮的尺寸和间距
This commit is contained in:
Zhukj
2026-04-22 14:43:18 +08:00
parent 4c898306e0
commit f64e83e8cd
2 changed files with 33 additions and 4 deletions

View File

@@ -13,10 +13,12 @@
<button class="btn" id="addImageBtn">背景图</button>
<button class="btn" id="addOverlayBtn">层叠图</button>
<button class="btn" id="addTextBtn">文本</button>
<div class="toolbar-divider-v"></div>
<button class="toolbar-btn-icon" id="undoBtn" title="撤销 (Ctrl+Z)">↩</button>
<button class="toolbar-btn-icon" id="redoBtn" title="重做 (Ctrl+Y)">↪</button>
<div class="toolbar-divider-v"></div>
<div class="toolbar-divider-v divider-left"></div>
<div class="toolbar-action-group">
<button class="toolbar-btn-icon" id="undoBtn" title="撤销 (Ctrl+Z)">↩</button>
<button class="toolbar-btn-icon" id="redoBtn" title="重做 (Ctrl+Y)">↪</button>
</div>
<div class="toolbar-divider-v divider-right"></div>
<button class="btn btn-primary" id="saveBtn">保存/预览</button>
</div>