admin/infinite-canvas
1
0
Fork 0
mirror of https://github.com/basketikun/infinite-canvas.git synced 2026-08-05 00:34:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(canvas): 调整画布组件样式和交互行为

Browse Source 
- 更新CSS选择器以正确隐藏和显示画布工具栏元素
- 为模型选择器下拉菜单添加data-canvas-no-zoom属性防止缩放冲突
- 在模型选择器中阻止指针和鼠标事件传播避免意外操作
- 为模型图标添加深色模式反转效果提升视觉一致性
This commit is contained in:
HouYunFei
2026-05-23 16:18:14 +08:00
parent 593feddc3f
commit 83031e0864
3 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/app/globals.css
+10 -10
View File
@@ -332,14 +332,14 @@
width: 32px;
}
.canvas-composer-mode-button span,
.canvas-model-picker-text,
.canvas-select-chevron,
.canvas-composer-icon.ant-btn > span:not(.ant-btn-icon) {
.canvas-composer-tools .canvas-composer-mode-button span,
.canvas-composer-tools .canvas-model-picker-text,
.canvas-composer-tools .canvas-select-chevron,
.canvas-composer-tools .canvas-composer-icon.ant-btn > span:not(.ant-btn-icon) {
display: none;
}
.canvas-composer-model-picker {
.canvas-composer-tools .canvas-composer-model-picker {
width: 32px;
min-width: 32px;
justify-content: center;
@@ -353,7 +353,7 @@
width: auto;
}
.canvas-composer-mode-button span {
.canvas-composer-tools .canvas-composer-mode-button span {
display: inline;
font-size: 12px;
line-height: 1;
@@ -365,12 +365,12 @@
width: auto !important;
}
.canvas-composer-icon.ant-btn > span:not(.ant-btn-icon) {
.canvas-composer-tools .canvas-composer-icon.ant-btn > span:not(.ant-btn-icon) {
display: inline-flex;
min-width: 0;
}
.canvas-composer-model-picker {
.canvas-composer-tools .canvas-composer-model-picker {
width: auto;
min-width: 9rem;
justify-content: flex-start;
@@ -378,8 +378,8 @@
padding-inline: 0.75rem;
}
.canvas-model-picker-text,
.canvas-select-chevron {
.canvas-composer-tools .canvas-model-picker-text,
.canvas-composer-tools .canvas-select-chevron {
display: inline;
}
}