统一操作栏高度及图标大小
This commit is contained in:
parent
caa69b5d0e
commit
02b5b6d6ee
@ -56,8 +56,8 @@ function handleDelete() {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 6px;
|
gap: 4px;
|
||||||
padding: 12px 20px;
|
padding: 8px 16px;
|
||||||
border-top: 1px solid #f3f4f6;
|
border-top: 1px solid #f3f4f6;
|
||||||
background: #fafbfc;
|
background: #fafbfc;
|
||||||
margin-top: auto;
|
margin-top: auto;
|
||||||
@ -71,10 +71,10 @@ function handleDelete() {
|
|||||||
gap: 4px;
|
gap: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 操作按钮通用样式 */
|
/* 操作按钮通用样式 - 统一使用节点列表页的大小 */
|
||||||
.action-btn {
|
.action-btn {
|
||||||
width: 32px;
|
width: 28px;
|
||||||
height: 32px;
|
height: 28px;
|
||||||
border: none;
|
border: none;
|
||||||
background: #f3f4f6;
|
background: #f3f4f6;
|
||||||
color: #6b7280;
|
color: #6b7280;
|
||||||
@ -83,7 +83,7 @@ function handleDelete() {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
font-size: 13px;
|
font-size: 12px;
|
||||||
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -96,11 +96,4 @@ function handleDelete() {
|
|||||||
background: #ef4444;
|
background: #ef4444;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 列表视图中的按钮稍小一些 */
|
|
||||||
.col-actions .action-btn {
|
|
||||||
width: 28px;
|
|
||||||
height: 28px;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -135,8 +135,8 @@ async function handleFlowBuilder() {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 6px;
|
gap: 4px;
|
||||||
padding: 12px 20px;
|
padding: 8px 16px;
|
||||||
border-top: 1px solid #f3f4f6;
|
border-top: 1px solid #f3f4f6;
|
||||||
background: #fafbfc;
|
background: #fafbfc;
|
||||||
margin-top: auto;
|
margin-top: auto;
|
||||||
@ -150,10 +150,10 @@ async function handleFlowBuilder() {
|
|||||||
gap: 4px;
|
gap: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 操作按钮通用样式 - 与默认组件对齐 */
|
/* 操作按钮通用样式 - 统一使用节点列表页的大小 */
|
||||||
.action-btn {
|
.action-btn {
|
||||||
width: 32px;
|
width: 28px;
|
||||||
height: 32px;
|
height: 28px;
|
||||||
border: none;
|
border: none;
|
||||||
background: #f3f4f6;
|
background: #f3f4f6;
|
||||||
color: #6b7280;
|
color: #6b7280;
|
||||||
@ -162,7 +162,7 @@ async function handleFlowBuilder() {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
font-size: 13px;
|
font-size: 12px;
|
||||||
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -176,13 +176,6 @@ async function handleFlowBuilder() {
|
|||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 列表视图中的按钮稍小一些 */
|
|
||||||
.col-actions .action-btn {
|
|
||||||
width: 28px;
|
|
||||||
height: 28px;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 流程编排按钮使用蓝色,与详情页保持一致 */
|
/* 流程编排按钮使用蓝色,与详情页保持一致 */
|
||||||
.flow-builder-btn:hover:not(:disabled) {
|
.flow-builder-btn:hover:not(:disabled) {
|
||||||
background: #3b82f6;
|
background: #3b82f6;
|
||||||
|
|||||||
@ -147,8 +147,8 @@ async function handleSchemaSave(schemaData: any) {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 6px;
|
gap: 4px;
|
||||||
padding: 12px 20px;
|
padding: 8px 16px;
|
||||||
border-top: 1px solid #f3f4f6;
|
border-top: 1px solid #f3f4f6;
|
||||||
background: #fafbfc;
|
background: #fafbfc;
|
||||||
margin-top: auto;
|
margin-top: auto;
|
||||||
@ -162,10 +162,10 @@ async function handleSchemaSave(schemaData: any) {
|
|||||||
gap: 4px;
|
gap: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 操作按钮通用样式 - 与默认组件对齐 */
|
/* 操作按钮通用样式 - 统一使用节点列表页的大小 */
|
||||||
.action-btn {
|
.action-btn {
|
||||||
width: 32px;
|
width: 28px;
|
||||||
height: 32px;
|
height: 28px;
|
||||||
border: none;
|
border: none;
|
||||||
background: #f3f4f6;
|
background: #f3f4f6;
|
||||||
color: #6b7280;
|
color: #6b7280;
|
||||||
@ -174,7 +174,7 @@ async function handleSchemaSave(schemaData: any) {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
font-size: 13px;
|
font-size: 12px;
|
||||||
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -188,13 +188,6 @@ async function handleSchemaSave(schemaData: any) {
|
|||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 列表视图中的按钮稍小一些 */
|
|
||||||
.col-actions .action-btn {
|
|
||||||
width: 28px;
|
|
||||||
height: 28px;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Schema 编辑按钮使用蓝色系,与流程编排按钮保持一致,表示配置/设置 */
|
/* Schema 编辑按钮使用蓝色系,与流程编排按钮保持一致,表示配置/设置 */
|
||||||
.schema-btn:hover:not(:disabled) {
|
.schema-btn:hover:not(:disabled) {
|
||||||
background: #3b82f6;
|
background: #3b82f6;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user