diff --git a/ui/src/conversation-panel/chat-input/index.vue b/ui/src/conversation-panel/chat-input/index.vue deleted file mode 100644 index 4447bc2e579..00000000000 --- a/ui/src/conversation-panel/chat-input/index.vue +++ /dev/null @@ -1,160 +0,0 @@ - - - - - diff --git a/ui/src/styles/STYLE_README.md b/ui/src/styles/STYLE_README.md index 3ec1b05ddc1..f543a0961c7 100644 --- a/ui/src/styles/STYLE_README.md +++ b/ui/src/styles/STYLE_README.md @@ -444,6 +444,12 @@ Tailwind v4 的 `border` 只设置边框宽度和样式,不提供 `--tw-border 所有 `el-button` 的 `:active` 和 `.is-active` 视觉统一复用各自的 hover 样式,不额外加深背景、 边框或文字颜色;普通、plain、text、link、circle 及各语义类型按钮均遵循该规则。 +圆形按钮统一使用 `circle`,通过 `size="small"`、默认尺寸、`size="large"` 分别选择 +24px、32px、40px,不在业务样式或工具类中重复设置对应的宽高。全局保留 +`.el-button.is-circle` 的 `height: var(--el-button-size, var(--el-component-size))`,抵消普通按钮的 +`height: auto`。Element Plus 默认尺寸未定义 `--el-button-size`,必须回退到 32px 的 +`--el-component-size`,避免高度由内容和内边距撑开;业务需要的内边距和禁用颜色单独保留。 + Tree 的 `.el-tree-node__content` 统一保留 4px 底部间距,使同级节点及展开后的父子节点行 保持一致间距;规则维护在 `element-plus.scss` 的 tree 分组。 diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss index 96c2b0d7e68..05224a5fd91 100644 --- a/ui/src/styles/app.scss +++ b/ui/src/styles/app.scss @@ -166,6 +166,29 @@ h6 { grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr)); } +/* conversation 生成input */ +.mk-conversation-input { + background: white; + border-radius: 16px; + padding: 12px; + .el-textarea__inner { + background: transparent; + border-radius: 0; + box-shadow: none; + padding: 0; + } +} + +/* link */ +.mk-link { + color: var(--mk-primary); + cursor: pointer; + text-decoration: none; + &:hover { + text-decoration: underline; + } +} + /* radio */ // 卡片内单选:文字在左,选择框在右并垂直居中。 .mk-card-radio.el-radio { @@ -208,16 +231,6 @@ h6 { } } -/* link */ -.mk-link { - color: var(--mk-primary); - cursor: pointer; - text-decoration: none; - &:hover { - text-decoration: underline; - } -} - /* rank */ .mk-rank { align-items: center; diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss index 1a965291a70..81f6edad91e 100644 --- a/ui/src/styles/element-plus.scss +++ b/ui/src/styles/element-plus.scss @@ -137,14 +137,30 @@ } } &.is-circle { - height: var(--el-button-size); - &:hover, - &:active, - &.is-active { - box-shadow: var(--el-box-shadow-lighter); - color: var(--el-text-color-primary); - background: white; - border-color: var(--el-border-color); + width: 32px; + height: 32px; + --el-button-hover-text-color: var(--el-text-color-primary); + --el-button-hover-bg-color: white; + --el-button-hover-border-color: var(--el-border-color); + &.el-button--large { + width: var(--el-button-size) !important; + height: var(--el-button-size) !important; + } + &:not(.is-disabled) { + &:hover, + &:active, + &.is-active { + box-shadow: var(--el-box-shadow-lighter); + } + } + &.el-button--primary { + --el-button-hover-text-color: white; + --el-button-hover-bg-color: var(--el-color-primary-light-1) !important; + --el-button-hover-border-color: var(--el-color-primary-light-1) !important; + &.is-disabled { + --el-button-disabled-bg-color: var(--mk-N400); + --el-button-disabled-border-color: var(--mk-N400); + } } } &.is-text.is-has-bg:not(.is-disabled) { @@ -1178,6 +1194,7 @@ /* textarea */ .el-textarea { + --el-input-placeholder-color: var(--mk-N500); --el-input-text-color: var(--el-text-color-primary); &:has(.el-input__inner[readonly]) { --el-input-focus-border-color: var(--el-input-border-color); diff --git a/ui/src/views/knowledge/knowledge-card/action-dropdown/mcp-config-action/KnowledgeMcpConfigDialog.vue b/ui/src/views/knowledge/knowledge-card/action-dropdown/mcp-config-action/KnowledgeMcpConfigDialog.vue index 9d43334e29c..66133f910a4 100644 --- a/ui/src/views/knowledge/knowledge-card/action-dropdown/mcp-config-action/KnowledgeMcpConfigDialog.vue +++ b/ui/src/views/knowledge/knowledge-card/action-dropdown/mcp-config-action/KnowledgeMcpConfigDialog.vue @@ -29,7 +29,7 @@ defineExpose({ open })
- + +
diff --git a/ui/src/views/tool/tool-form/component/python-code/PromptGenerate.vue b/ui/src/views/tool/tool-form/component/python-code/PromptGenerate.vue index ecdda195b18..968414b00d6 100644 --- a/ui/src/views/tool/tool-form/component/python-code/PromptGenerate.vue +++ b/ui/src/views/tool/tool-form/component/python-code/PromptGenerate.vue @@ -1,9 +1,8 @@