jingrowlocal/jingrow-framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

统一操作栏高度及图标大小

Browse Source
This commit is contained in:
jingrow 2025-11-02 15:49:30 +08:00
parent caa69b5d0e
commit 02b5b6d6ee
3 changed files with 18 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
apps/jingrow/frontend/src/core/pagetype/GenericListPageActions.vue
View File

@ -56,8 +56,8 @@ function handleDelete() {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 12px 20px;
gap: 4px;
padding: 8px 16px;
border-top: 1px solid #f3f4f6;
background: #fafbfc;
margin-top: auto;
@ -71,10 +71,10 @@ function handleDelete() {
gap: 4px;
}
/* 操作按钮通用样式 */
/* 操作按钮通用样式 - 统一使用节点列表页的大小 */
.action-btn {
width: 32px;
height: 32px;
width: 28px;
height: 28px;
border: none;
background: #f3f4f6;
color: #6b7280;
@ -83,7 +83,7 @@ function handleDelete() {
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-size: 12px;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@ -96,11 +96,4 @@ function handleDelete() {
background: #ef4444;
color: white;
}
/* 列表视图中的按钮稍小一些 */
.col-actions .action-btn {
width: 28px;
height: 28px;
font-size: 12px;
}
</style>

19
apps/jingrow/frontend/src/views/pagetype/local_ai_agent/local_ai_agent_list_actions.vue
View File

@ -135,8 +135,8 @@ async function handleFlowBuilder() {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 12px 20px;
gap: 4px;
padding: 8px 16px;
border-top: 1px solid #f3f4f6;
background: #fafbfc;
margin-top: auto;
@ -150,10 +150,10 @@ async function handleFlowBuilder() {
gap: 4px;
}
/* 操作按钮通用样式 - 与默认组件对齐 */
/* 操作按钮通用样式 - 统一使用节点列表页的大小 */
.action-btn {
width: 32px;
height: 32px;
width: 28px;
height: 28px;
border: none;
background: #f3f4f6;
color: #6b7280;
@ -162,7 +162,7 @@ async function handleFlowBuilder() {
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-size: 12px;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@ -176,13 +176,6 @@ async function handleFlowBuilder() {
cursor: not-allowed;
}
/* 列表视图中的按钮稍小一些 */
.col-actions .action-btn {
width: 28px;
height: 28px;
font-size: 12px;
}
/* 流程编排按钮使用蓝色，与详情页保持一致 */
.flow-builder-btn:hover:not(:disabled) {
background: #3b82f6;

19
apps/jingrow/frontend/src/views/pagetype/local_ai_node/local_ai_node_list_actions.vue
View File

@ -147,8 +147,8 @@ async function handleSchemaSave(schemaData: any) {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 12px 20px;
gap: 4px;
padding: 8px 16px;
border-top: 1px solid #f3f4f6;
background: #fafbfc;
margin-top: auto;
@ -162,10 +162,10 @@ async function handleSchemaSave(schemaData: any) {
gap: 4px;
}
/* 操作按钮通用样式 - 与默认组件对齐 */
/* 操作按钮通用样式 - 统一使用节点列表页的大小 */
.action-btn {
width: 32px;
height: 32px;
width: 28px;
height: 28px;
border: none;
background: #f3f4f6;
color: #6b7280;
@ -174,7 +174,7 @@ async function handleSchemaSave(schemaData: any) {
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-size: 12px;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@ -188,13 +188,6 @@ async function handleSchemaSave(schemaData: any) {
cursor: not-allowed;
}
/* 列表视图中的按钮稍小一些 */
.col-actions .action-btn {
width: 28px;
height: 28px;
font-size: 12px;
}
/* Schema 编辑按钮使用蓝色系，与流程编排按钮保持一致，表示配置/设置 */
.schema-btn:hover:not(:disabled) {
background: #3b82f6;