style(工具栏): 调整撤销重做按钮组样式并添加分隔线
- 将撤销重做按钮放入独立容器并设置间距 - 添加左右分隔线样式及不同边距 - 调整保存按钮的尺寸和间距
This commit is contained in:
10
index.html
10
index.html
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user