GTsoft/gtsoft-snail-job-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(sj_1.0.0_beta3): 优化工作流样式

Browse Source
This commit is contained in:
xlsea 2024-05-31 11:44:38 +08:00
parent 29594b936c
commit dd77d212b5
3 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/work-flow/src/node/callback-node.vue
View File

@ -125,7 +125,7 @@ const getClass = (item: Flow.ConditionNodeType) => {
<div v-for="(item, index) in nodeConfig.conditionNodes" :key="index" class="col-box"> <div v-for="(item, index) in nodeConfig.conditionNodes" :key="index" class="col-box">
<div class="condition-node min-h-230px"> <div class="condition-node min-h-230px">
<div class="condition-node-box pt-0px"> <div class="condition-node-box pt-0px">
<NPopover :disabled="store.type !== 2"> <NPopover :disabled="store.type !== 2 || true">
<div class="popover"> <div class="popover">
<NButton text> <NButton text>
<span class="popover-item"> <span class="popover-item">

8
packages/work-flow/src/styles/index.scss
View File

@ -348,19 +348,19 @@
.top-left-cover-line, .top-left-cover-line,
.top-right-cover-line { .top-right-cover-line {
position: absolute; position: absolute;
height: 3px; height: 5px;
width: 50%; width: 50%;
background-color: rgb(var(--layout-bg-color) / var(--un-bg-opacity)); background-color: rgb(var(--layout-bg-color) / var(--un-bg-opacity));
top: -2px; top: -3px;
} }
.bottom-left-cover-line, .bottom-left-cover-line,
.bottom-right-cover-line { .bottom-right-cover-line {
position: absolute; position: absolute;
height: 3px; height: 5px;
width: 50%; width: 50%;
background-color: rgb(var(--layout-bg-color) / var(--un-bg-opacity)); background-color: rgb(var(--layout-bg-color) / var(--un-bg-opacity));
bottom: -2px; bottom: -3px;
} }
.top-left-cover-line { .top-left-cover-line {

6
packages/work-flow/src/workflow.vue
View File

@ -71,20 +71,22 @@ const onZoom = (n: number) => {
<NAffix :trigger-top="0"> <NAffix :trigger-top="0">
<div class="header"> <div class="header">
<div> <div>
<NTooltip title="缩小"> <NTooltip>
<template #trigger> <template #trigger>
<NButton type="info" strong @click="onZoom(-1)"> <NButton type="info" strong @click="onZoom(-1)">
<icon-ant-design:minus-outlined /> <icon-ant-design:minus-outlined />
</NButton> </NButton>
</template> </template>
缩小
</NTooltip> </NTooltip>
<span class="ml-8px mr-8px text-#333639 dark:text-#d6d6d6">{{ zoom }}%</span> <span class="ml-8px mr-8px text-#333639 dark:text-#d6d6d6">{{ zoom }}%</span>
<NTooltip title="放大"> <NTooltip>
<template #trigger> <template #trigger>
<NButton type="info" strong @click="onZoom(1)"> <NButton type="info" strong @click="onZoom(1)">
<icon-ant-design:plus-outlined /> <icon-ant-design:plus-outlined />
</NButton> </NButton>
</template> </template>
放大
</NTooltip> </NTooltip>
</div> </div>
<div v-if="!disabled" class="buttons"> <div v-if="!disabled" class="buttons">