perf: 模版编辑页面,hover反色过亮问题优化

This commit is contained in:
xiaojunnuo
2026-02-15 14:39:11 +08:00
parent 305da86f97
commit e55a3a82fc
5 changed files with 11 additions and 2 deletions

View File

@@ -117,3 +117,4 @@ span.fs-icon-svg {
margin: 0 !important;
}
}

View File

@@ -5,6 +5,7 @@
@import "./fix-windicss.less";
@import "./antdv4.less";
@import "./certd.less";
@import "./dark.less";
html,
body {

View File

@@ -0,0 +1,7 @@
.dark{
.fs-page-header{
.title {
color: #d5d5d5 !important;
}
}
}

View File

@@ -36,7 +36,7 @@
<a-collapse v-if="detail?.template?.pipelineId > 0" v-model:active-key="activeKey">
<a-collapse-panel v-for="(step, stepId) in steps" :key="stepId" class="step-item" :header="step.title">
<div class="step-inputs flex flex-wrap">
<div v-for="(input, key) of step.input" :key="key" class="hover:bg-gray-100 p-5 w-full xl:w-[50%]">
<div v-for="(input, key) of step.input" :key="key" class="hover:bg-gray-100 dark:hover:bg-[#2d2d2d] p-5 w-full xl:w-[50%]">
<div class="flex flex-between" :title="input.define.helper">
<div class="flex flex-1 overflow-hidden mr-5">
<span style="min-width: 140px" class="bas">

View File

@@ -7,7 +7,7 @@
</template>
<script setup lang="ts">
import { get, set } from "lodash-es";
import { computed, reactive, ref, defineProps } from "vue";
import { computed, reactive, ref } from "vue";
import { useStepHelper } from "./utils";
import { usePluginStore } from "/@/store/plugin";