样式修改
This commit is contained in:
jingna
parent
ddd0a75e0c
commit
6899fed295
BIN
core/core-frontend/src/assets/img/nothing-none-black.png
Normal file
BIN
core/core-frontend/src/assets/img/nothing-none-black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.53248 2.53248C2.87342 2.19154 3.33584 2 3.818 2H20.182C20.6642 2 21.1266 2.19154 21.4675 2.53248C21.8085 2.87342 22 3.33584 22 3.818V20.182C22 20.6642 21.8085 21.1266 21.4675 21.4675C21.1266 21.8085 20.6642 22 20.182 22H3.818C2.814 22 2 21.186 2 20.182V3.818C2 3.33584 2.19154 2.87342 2.53248 2.53248ZM4 10V14H8V10H4ZM4 16V20H8V16H4ZM10 20H14V16H10V20ZM16 20H20V16H16V20ZM20 14V10H16V14H20ZM14 10H10V14H14V10ZM20 4H4V8H20V4Z" fill="#FFFFFF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 598 B |
@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9998 2.49994C17.2463 2.49994 21.4998 6.75337 21.4998 11.9999C21.4998 17.2465 17.2463 21.4999 11.9998 21.4999C6.75318 21.4999 2.49976 17.2465 2.49976 11.9999C2.49976 6.75337 6.75318 2.49994 11.9998 2.49994ZM11.9998 0.999939C18.0748 0.999939 22.9998 5.92494 22.9998 11.9999C22.9998 18.0749 18.0748 22.9999 11.9998 22.9999C5.92476 22.9999 0.999756 18.0749 0.999756 11.9999C0.999756 5.92494 5.92476 0.999939 11.9998 0.999939ZM10.2862 17.1138L17.2072 12.7593C17.3352 12.6782 17.4406 12.566 17.5136 12.4333C17.5867 12.3005 17.625 12.1514 17.625 11.9999C17.625 11.8483 17.5867 11.6992 17.5136 11.5664C17.4406 11.4337 17.3352 11.3215 17.2072 11.2404L10.2865 6.8862C10.1449 6.7971 9.98166 6.75 9.81486 6.75C9.69766 6.75039 9.58168 6.77387 9.47355 6.81908C9.36541 6.8643 9.26725 6.93037 9.18465 7.01353C9.10205 7.09668 9.03664 7.19529 8.99215 7.30373C8.94766 7.41216 8.92497 7.5283 8.92536 7.6455V16.3548C8.92547 16.5223 8.97233 16.6865 9.06066 16.8288C9.12209 16.9283 9.20262 17.0147 9.2976 17.083C9.39258 17.1512 9.50013 17.2 9.61406 17.2265C9.72798 17.253 9.84603 17.2567 9.96138 17.2374C10.0767 17.218 10.1871 17.176 10.2862 17.1138Z" fill="#FFFFFF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
@ -0,0 +1,3 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 11.333H14.2393C14.3879 11.333 14.4418 11.3485 14.4961 11.3775C14.5505 11.4066 14.5931 11.4492 14.6221 11.5035C14.6512 11.5579 14.6667 11.6117 14.6667 11.7603V12.239C14.6667 12.3876 14.6512 12.4415 14.6221 12.4958C14.5931 12.5501 14.5505 12.5928 14.4961 12.6218C14.4418 12.6509 14.3879 12.6663 14.2393 12.6663H11V14.239C11 14.3876 10.9845 14.4415 10.9555 14.4958C10.9264 14.5501 10.8838 14.5928 10.8295 14.6218C10.7751 14.6509 10.7213 14.6663 10.5727 14.6663H10.094C9.94539 14.6663 9.89151 14.6509 9.83719 14.6218C9.78287 14.5928 9.74024 14.5501 9.71118 14.4958C9.68213 14.4415 9.66666 14.3876 9.66666 14.239V12.6663H1.76064C1.61206 12.6663 1.55817 12.6509 1.50385 12.6218C1.44953 12.5928 1.4069 12.5501 1.37785 12.4958C1.3488 12.4415 1.33333 12.3876 1.33333 12.239V11.7603C1.33333 11.6117 1.3488 11.5579 1.37785 11.5035C1.4069 11.4492 1.44953 11.4066 1.50385 11.3775C1.55817 11.3485 1.61206 11.333 1.76064 11.333H9.66666V9.76032C9.66666 9.61174 9.68213 9.55785 9.71118 9.50353C9.74024 9.44921 9.78287 9.40658 9.83719 9.37753C9.89151 9.34848 9.94539 9.33301 10.094 9.33301H10.5727C10.7213 9.33301 10.7751 9.34848 10.8295 9.37753C10.8838 9.40658 10.9264 9.44921 10.9555 9.50353C10.9845 9.55785 11 9.61174 11 9.76032V11.333ZM4.99999 3.33301V1.76032C4.99999 1.61174 5.01547 1.55785 5.04452 1.50353C5.07357 1.44921 5.1162 1.40658 5.17052 1.37753C5.22484 1.34848 5.27872 1.33301 5.42731 1.33301H5.90601C6.0546 1.33301 6.10848 1.34848 6.1628 1.37753C6.21712 1.40658 6.25976 1.44921 6.28881 1.50353C6.31786 1.55785 6.33333 1.61174 6.33333 1.76032V3.33301H14.2393C14.3879 3.33301 14.4418 3.34848 14.4961 3.37753C14.5505 3.40658 14.5931 3.44921 14.6221 3.50353C14.6512 3.55785 14.6667 3.61174 14.6667 3.76032V4.23903C14.6667 4.38761 14.6512 4.44149 14.6221 4.49582C14.5931 4.55014 14.5505 4.59277 14.4961 4.62182C14.4418 4.65087 14.3879 4.66634 14.2393 4.66634H6.33333V6.23903C6.33333 6.38761 6.31786 6.44149 6.28881 6.49582C6.25976 6.55014 6.21712 6.59277 6.1628 6.62182C6.10848 6.65087 6.0546 6.66634 5.90601 6.66634H5.42731C5.27872 6.66634 5.22484 6.65087 5.17052 6.62182C5.1162 6.59277 5.07357 6.55014 5.04452 6.49582C5.01547 6.44149 4.99999 6.38761 4.99999 6.23903V4.66634H1.76064C1.61206 4.66634 1.55817 4.65087 1.50385 4.62182C1.44953 4.59277 1.4069 4.55014 1.37785 4.49582C1.3488 4.44149 1.33333 4.38761 1.33333 4.23903V3.76032C1.33333 3.61174 1.3488 3.55785 1.37785 3.50353C1.4069 3.44921 1.44953 3.40658 1.50385 3.37753C1.55817 3.34848 1.61206 3.33301 1.76064 3.33301H4.99999Z" fill="#FFFFFF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
@ -6,7 +6,7 @@ import nothingTable from '@/assets/img/nothing-table.png'
|
||||
import none from '@/assets/img/none.png'
|
||||
import error from '@/assets/img/error.png'
|
||||
import nothingTree from '@/assets/img/nothing-tree.png'
|
||||
import nothingNone from '@/assets/img/nothing-none.png'
|
||||
import nothingNone from '@/assets/img/nothing-none-black.png'
|
||||
defineProps({
|
||||
imgType: {
|
||||
type: String as PropType<
|
||||
@ -51,7 +51,6 @@ const getAssetsFile = {
|
||||
}
|
||||
:deep(.ed-empty__description) {
|
||||
margin-top: 8px;
|
||||
|
||||
color: var(--N600, #d2d2d2);
|
||||
text-align: center;
|
||||
/* 正文-字号 14，行高 22，字重适中（Regular），用于列表Feed会话 */
|
||||
@ -61,4 +60,7 @@ const getAssetsFile = {
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
}
|
||||
:deep(.ed-empty__image){
|
||||
width: 106px !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -3930,4 +3930,15 @@ defineExpose({
|
||||
background: rgb(41,41,41);
|
||||
border: 1px solid #434343;
|
||||
}
|
||||
.ed-select-v2__wrapper{
|
||||
background-color: #252424;
|
||||
box-shadow: 0 0 0 1px #434343 inset;
|
||||
border:none;
|
||||
}
|
||||
.ed-select-v2__placeholder{
|
||||
color:#fff;
|
||||
}
|
||||
.ed-radio__inner{
|
||||
background: transparent;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -468,7 +468,7 @@ const emits = defineEmits(['update:item', 'del'])
|
||||
<li
|
||||
@click="selectItem(ele)"
|
||||
:style="{
|
||||
backgroundColor: activeName === ele.name ? '#f0f7ff' : ''
|
||||
backgroundColor: activeName === ele.name ? '#434343' : ''
|
||||
}"
|
||||
:key="ele.id"
|
||||
v-for="ele in dimensions"
|
||||
|
||||
@ -349,7 +349,7 @@ const emits = defineEmits(['update:item', 'del'])
|
||||
<li
|
||||
@click="selectItem(ele)"
|
||||
:style="{
|
||||
backgroundColor: activeName === ele.name ? '#f0f7ff' : ''
|
||||
backgroundColor: activeName === ele.name ? '#434343' : ''
|
||||
}"
|
||||
:key="ele.id"
|
||||
v-for="ele in dimensions"
|
||||
|
||||
@ -358,7 +358,7 @@ const emits = defineEmits(['update:item', 'del'])
|
||||
<li
|
||||
@click="selectItem(ele)"
|
||||
:style="{
|
||||
backgroundColor: activeName === ele.name ? '#f0f7ff' : ''
|
||||
backgroundColor: activeName === ele.name ? '#434343' : ''
|
||||
}"
|
||||
:key="ele.id"
|
||||
v-for="ele in dimensions"
|
||||
@ -744,7 +744,7 @@ const emits = defineEmits(['update:item', 'del'])
|
||||
height: 32px;
|
||||
margin: 0;
|
||||
padding-left: 16px;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
color: #ffffff;
|
||||
.ed-icon {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
@ -1181,7 +1181,7 @@ const mousedownDrag = () => {
|
||||
z-index: 10;
|
||||
&:hover {
|
||||
.ed-icon {
|
||||
color: var(--ed-color-primary, #3370ff) !important;
|
||||
color: var(--ed-color-primary, #3370ff);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -2963,7 +2963,7 @@ const getDsIconName = data => {
|
||||
z-index: 10;
|
||||
&:hover {
|
||||
.ed-icon {
|
||||
color: var(--ed-color-primary, #3370ff) !important;
|
||||
color: var(--ed-color-primary, #3370ff);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -3203,8 +3203,8 @@ const getDsIconName = data => {
|
||||
}
|
||||
|
||||
.ed-button.is-secondary.is-disabled {
|
||||
color: #bbbfc4 !important;
|
||||
border-color: #bbbfc4 !important;
|
||||
color: #5f5f5f !important;
|
||||
border-color: #5f5f5f !important;
|
||||
}
|
||||
|
||||
.father .child {
|
||||
|
||||
@ -358,7 +358,7 @@ const emits = defineEmits(['update:item', 'del'])
|
||||
<li
|
||||
@click="selectItem(ele)"
|
||||
:style="{
|
||||
backgroundColor: activeName === ele.name ? '#f0f7ff' : ''
|
||||
backgroundColor: activeName === ele.name ? '#434343' : ''
|
||||
}"
|
||||
:key="ele.id"
|
||||
v-for="ele in dimensions"
|
||||
|
||||
@ -1,18 +1,18 @@
|
||||
<script lang="tsx" setup>
|
||||
import referencePlay from '@/assets/svg/reference-play.svg'
|
||||
import referenceSetting1 from '@/assets/svg/reference-setting.svg'
|
||||
import referenceSetting1 from '@/assets/svg/reference-setting-white.svg'
|
||||
import icon_preferences_outlined from '@/assets/svg/icon_preferences_outlined.svg'
|
||||
import icon_close_outlined from '@/assets/svg/icon_close_outlined.svg'
|
||||
import icon_right_outlined from '@/assets/svg/icon_right_outlined.svg'
|
||||
import icon_left_outlined from '@/assets/svg/icon_left_outlined.svg'
|
||||
import referenceTable from '@/assets/svg/reference-table.svg'
|
||||
import icon_searchOutline_outlined from '@/assets/svg/icon_search-outline_outlined.svg'
|
||||
import icon_form_outlined from '@/assets/svg/icon_form_outlined.svg'
|
||||
import icon_form_outlined_white from '@/assets/svg/icon_form_outlined_white.svg'
|
||||
import icon_copy_outlined from '@/assets/svg/icon_copy_outlined.svg'
|
||||
import icon_info_outlined from '@/assets/svg/icon_info_outlined.svg'
|
||||
import icon_textBox_outlined from '@/assets/svg/icon_text-box_outlined.svg'
|
||||
import icon_info_colorful from '@/assets/svg/icon_info_colorful.svg'
|
||||
import icon_playRound_outlined from '@/assets/svg/icon_play-round_outlined.svg'
|
||||
import icon_play_round_outlined_white from '@/assets/svg/icon_play_round_outlined_white.svg'
|
||||
import { searchVariableApi } from '@/api/variable'
|
||||
import {
|
||||
ref,
|
||||
@ -546,7 +546,7 @@ const mousedownDrag = () => {
|
||||
<div class="add-sql-name">
|
||||
<el-input class="name" ref="editerName" v-model="sqlNode.tableName" @change="setFlag" />
|
||||
<div class="save-or-cancel flex-align-center">
|
||||
<el-button @click="getSQLPreview" text style="color: #1f2329">
|
||||
<el-button @click="getSQLPreview" text style="color: #ffffff !important">
|
||||
<template #icon>
|
||||
<el-icon>
|
||||
<Icon name="reference-play"><referencePlay class="svg-icon" /></Icon>
|
||||
@ -554,9 +554,9 @@ const mousedownDrag = () => {
|
||||
</template>
|
||||
{{ t('data_set.run') }}
|
||||
</el-button>
|
||||
<el-button @click="referenceSetting()" style="color: #1f2329" text>
|
||||
<el-button @click="referenceSetting()" style="color: #ffffff !important" text>
|
||||
<template #icon>
|
||||
<el-icon>
|
||||
<el-icon >
|
||||
<Icon name="reference-setting"><referenceSetting1 class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</template>
|
||||
@ -670,8 +670,8 @@ const mousedownDrag = () => {
|
||||
:title="datasourceTableData[index].tableName"
|
||||
@click="setActiveName(datasourceTableData[index])"
|
||||
>
|
||||
<el-icon class="icon-color">
|
||||
<Icon name="icon_form_outlined"><icon_form_outlined class="svg-icon" /></Icon>
|
||||
<el-icon>
|
||||
<Icon name="icon_form_outlined_white"><icon_form_outlined_white class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<span class="label">{{ datasourceTableData[index].tableName }}</span>
|
||||
<span class="name-copy">
|
||||
@ -827,8 +827,8 @@ const mousedownDrag = () => {
|
||||
<div class="sql-tips flex-align-center">
|
||||
{{ t('data_set.click_above') }}
|
||||
<el-icon>
|
||||
<icon name="icon_play-round_outlined"
|
||||
><icon_playRound_outlined class="svg-icon"
|
||||
<icon name="icon_play_round_outlined_white"
|
||||
><icon_play_round_outlined_white class="svg-icon"
|
||||
/></icon>
|
||||
</el-icon>
|
||||
{{ t('data_set.see_the_results') }}
|
||||
@ -1145,7 +1145,7 @@ const mousedownDrag = () => {
|
||||
width: 240px;
|
||||
float: left;
|
||||
font-family: var(--de-custom_font, 'PingFang');
|
||||
border-right: 1px solid rgba(31, 35, 41, 0.15);
|
||||
border-right: 1px solid #434343;
|
||||
|
||||
.list-item_primary {
|
||||
padding: 8px;
|
||||
@ -1160,7 +1160,7 @@ const mousedownDrag = () => {
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: var(--deTextPrimary, #1f2329);
|
||||
color: var(--deTextPrimary, #ffffff);
|
||||
position: relative;
|
||||
|
||||
i {
|
||||
@ -1186,7 +1186,7 @@ const mousedownDrag = () => {
|
||||
z-index: 10;
|
||||
&:hover {
|
||||
.ed-icon {
|
||||
color: var(--ed-color-primary, #3370ff) !important;
|
||||
color: var(--ed-color-primary, #3370ff);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1198,7 +1198,7 @@ const mousedownDrag = () => {
|
||||
align-items: center;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #646a73;
|
||||
color: #ffffff;
|
||||
.ed-icon {
|
||||
margin-right: 5.33px;
|
||||
}
|
||||
@ -1207,7 +1207,7 @@ const mousedownDrag = () => {
|
||||
i {
|
||||
cursor: auto;
|
||||
font-size: 16px;
|
||||
color: var(--deTextPlaceholder, #646a73);
|
||||
color: var(--deTextPlaceholder, #ffffff);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1229,6 +1229,7 @@ const mousedownDrag = () => {
|
||||
padding-right: 4px;
|
||||
.label {
|
||||
width: calc(100% - 4px);
|
||||
color: #fff;
|
||||
}
|
||||
&:hover {
|
||||
.label {
|
||||
@ -1297,6 +1298,7 @@ const mousedownDrag = () => {
|
||||
.padding-24 {
|
||||
width: calc(100% - 48px);
|
||||
.border-bottom-tab(24px);
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.table-sql {
|
||||
@ -1374,7 +1376,7 @@ const mousedownDrag = () => {
|
||||
.handle-system {
|
||||
height: 100%;
|
||||
width: 280px;
|
||||
border-left: 1px solid #1f232926;
|
||||
border-left: 1px solid #434343;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
@ -1388,6 +1390,7 @@ const mousedownDrag = () => {
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 54px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.handle-system_list {
|
||||
@ -1407,10 +1410,10 @@ const mousedownDrag = () => {
|
||||
.variable-item {
|
||||
cursor: pointer;
|
||||
padding: 1px 8px;
|
||||
border: solid 1px #dee0e3;
|
||||
border: solid 1px #434343;
|
||||
margin-bottom: 8px;
|
||||
background-color: white;
|
||||
color: #1f2329;
|
||||
background-color: #252626;
|
||||
color: #ffffff;
|
||||
font-size: 14px;
|
||||
|
||||
.ed-icon {
|
||||
@ -1457,7 +1460,7 @@ const mousedownDrag = () => {
|
||||
padding: 0 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid rgba(31, 35, 41, 0.15);
|
||||
border-bottom: 1px solid #434343;
|
||||
.name {
|
||||
width: 240px;
|
||||
margin: 8px;
|
||||
@ -1492,7 +1495,7 @@ const mousedownDrag = () => {
|
||||
}
|
||||
|
||||
.system-text_bg {
|
||||
color: #1f2329;
|
||||
color: #ffffff !important;
|
||||
&:hover {
|
||||
background: #1f23291a;
|
||||
}
|
||||
@ -1514,7 +1517,7 @@ const mousedownDrag = () => {
|
||||
}
|
||||
}
|
||||
.icon-color {
|
||||
color: #646a73;
|
||||
color: #ffffff;
|
||||
}
|
||||
</style>
|
||||
<style lang="less">
|
||||
@ -1524,7 +1527,7 @@ const mousedownDrag = () => {
|
||||
}
|
||||
}
|
||||
.de-hover-icon-primary {
|
||||
color: var(--ed-color-primary) !important;
|
||||
color: #0089ff !important;
|
||||
}
|
||||
.sql-tips {
|
||||
color: #646a73;
|
||||
@ -1534,7 +1537,7 @@ const mousedownDrag = () => {
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
margin-top: -35px;
|
||||
margin-top: -22px;
|
||||
.ed-icon {
|
||||
margin: 0 4px;
|
||||
}
|
||||
@ -1552,7 +1555,7 @@ const mousedownDrag = () => {
|
||||
}
|
||||
.num {
|
||||
margin-left: auto;
|
||||
color: #646a73;
|
||||
color: #ffffff;
|
||||
font-family: var(--de-custom_font, 'PingFang');
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
@ -1631,13 +1634,13 @@ const mousedownDrag = () => {
|
||||
height: 62px;
|
||||
width: 822px;
|
||||
border-radius: 4px;
|
||||
background: #e1eaff;
|
||||
background: #434343;
|
||||
position: relative;
|
||||
padding: 9px 0 9px 40px;
|
||||
font-family: var(--de-custom_font, 'PingFang');
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
|
||||
color: #fff;
|
||||
.ed-icon {
|
||||
position: absolute;
|
||||
top: 10.6px;
|
||||
@ -1658,4 +1661,50 @@ const mousedownDrag = () => {
|
||||
}
|
||||
}
|
||||
}
|
||||
.ed-message-box{
|
||||
background: #212121;
|
||||
}
|
||||
.ed-message-box__content{
|
||||
color: #ffffff;
|
||||
}
|
||||
.ed-message-box__btns .ed-button--primary{
|
||||
background: #0089ff;
|
||||
border-color: #0089ff;
|
||||
}
|
||||
.ed-message-box__btns .ed-button.is-secondary{
|
||||
color: #F2F4F5 !important;
|
||||
background-color: #212121 !important;
|
||||
border: 1px solid #434343 !important;
|
||||
}
|
||||
.icon-color:before {
|
||||
content: "";
|
||||
}
|
||||
.el-loading-mask{
|
||||
background-color: rgba(41, 41, 41, 1) !important;
|
||||
}
|
||||
.ed-table__cell:last-child{
|
||||
border-right: 1px solid #363636 !important;
|
||||
}
|
||||
.ed-select-dropdown__item{
|
||||
color: #ffffff !important;
|
||||
}
|
||||
.ed-popper.is-light {
|
||||
border: 1px solid #434343;
|
||||
background: rgba(41, 41, 41, 1) !important;
|
||||
}
|
||||
.ed-tree-node__content:hover{
|
||||
background-color: #434343;
|
||||
}
|
||||
.ed-drawer__title{
|
||||
color: #fff;
|
||||
}
|
||||
.ed-drawer__close-btn:hover {
|
||||
background: #434343;
|
||||
}
|
||||
.ed-drawer__close-btn{
|
||||
color: #fff !important;
|
||||
}
|
||||
.ed-drawer__header{
|
||||
border-bottom: 1px solid #333333;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -627,7 +627,7 @@ initFunction()
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="formQuotaClose">{{ t('chart.cancel') }}</el-button>
|
||||
<el-button secondary @click="formQuotaClose">{{ t('chart.cancel') }}</el-button>
|
||||
<el-button type="primary" @click="formQuotaConfirm"> {{ t('chart.confirm') }} </el-button>
|
||||
</div>
|
||||
</template>
|
||||
@ -666,7 +666,7 @@ initFunction()
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: rgb(38,38,38);
|
||||
border: 1px solid #bbbfc4;
|
||||
border: 1px solid #434343;
|
||||
border-radius: 4px;
|
||||
|
||||
.is-active {
|
||||
@ -690,7 +690,7 @@ initFunction()
|
||||
margin-bottom: 8px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
color: #1f2329;
|
||||
color: #ffffff;
|
||||
|
||||
&.field-exp {
|
||||
& > :nth-child(2) {
|
||||
@ -716,7 +716,7 @@ initFunction()
|
||||
overflow-y: hidden;
|
||||
.padding-lr-content {
|
||||
padding: 12px;
|
||||
border: 1px solid var(--deCardStrokeColor, #dee0e3);
|
||||
border: 1px solid #363636;
|
||||
box-sizing: border-box;
|
||||
height: 500px;
|
||||
border-radius: 4px;
|
||||
@ -794,7 +794,7 @@ initFunction()
|
||||
.item-dimension,
|
||||
.item-quota {
|
||||
padding: 1px 8px;
|
||||
border: solid 1px #dee0e3;
|
||||
border: solid 1px #363636;
|
||||
background-color: rgb(37, 38, 38);
|
||||
color: #ffffff;
|
||||
|
||||
@ -894,4 +894,48 @@ initFunction()
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
.ed-dialog__header{
|
||||
padding: 13px 20px;
|
||||
border-bottom: 1px solid #333333;
|
||||
margin-right: 0px;
|
||||
}
|
||||
.ed-dialog__headerbtn{
|
||||
color: #ffffff;
|
||||
}
|
||||
.ed-dialog__title{
|
||||
color: #ffffff;
|
||||
}
|
||||
.ed-dialog__headerbtn{
|
||||
top: 13px !important;
|
||||
}
|
||||
.ed-dialog {
|
||||
border: 1px solid #5f5f5f;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.ed-popper.is-dark {
|
||||
border: 1px solid #434343;
|
||||
background: rgba(41, 41, 41, 1) !important;
|
||||
}
|
||||
.ed-popper[data-popper-placement^=bottom] .ed-popper__arrow::before {
|
||||
background: rgba(41, 41, 41, 1) !important;
|
||||
}
|
||||
.ed-popover.ed-popper{
|
||||
background: rgba(41, 41, 41, 1);
|
||||
border: 1px solid #434343;
|
||||
color: #fff;
|
||||
}
|
||||
.ed-input-number__decrease, .ed-input-number__increase{
|
||||
background-color: #434343 !important;
|
||||
color:#ffffff;
|
||||
}
|
||||
.ed-input-number.is-controls-right .ed-input-number__increase{
|
||||
border-bottom: 1px solid #5f5f5f !important;
|
||||
border-left: 1px solid #5f5f5f !important;
|
||||
}
|
||||
.ed-input-number.is-controls-right .ed-input-number__decrease{
|
||||
border-left: 1px solid #5f5f5f !important;
|
||||
}
|
||||
.ed-input-number--light .ed-input-number__increase .ed-icon{
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -106,7 +106,7 @@ const codeComInit = (doc: string, sqlMode?: boolean) => {
|
||||
elt.style.margin = '0 4px'
|
||||
elt.style.padding = '0 6px'
|
||||
elt.style.background = isQuota ? 'rgba(0, 214, 185, 0.20)' : 'rgba(51, 112, 255, 0.20)'
|
||||
elt.style.color = isQuota ? '#04B49C' : '#2B5FD9'
|
||||
elt.style.color = isQuota ? '#03c9ae' : '#0089ff'
|
||||
return elt
|
||||
}
|
||||
ignoreEvent() {
|
||||
@ -151,6 +151,21 @@ defineExpose({
|
||||
.cm-editor,
|
||||
.cm-scroller {
|
||||
height: 100% !important;
|
||||
background: #eff0f1;
|
||||
background: rgb(19,19,19);
|
||||
color: #fff;
|
||||
}
|
||||
.cm-line{
|
||||
caret-color: rgb(19,19,19) !important;
|
||||
}
|
||||
.ͼ2 .cm-activeLine {
|
||||
background-color: #434343;
|
||||
}
|
||||
.ͼ2 .cm-gutters {
|
||||
background-color: rgb(19,19,19);
|
||||
color: #ffffff;
|
||||
border-right: 1px solid #5f5f5f;
|
||||
}
|
||||
.ͼ2 .cm-activeLineGutter{
|
||||
background-color: #434343;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1197,9 +1197,7 @@ const emits = defineEmits([
|
||||
<template #header v-if="currentNode">
|
||||
<div style="width: 100%">
|
||||
<div class="info">
|
||||
<span :title="currentNode.tableName" class="label ellipsis">{{
|
||||
currentNode.tableName
|
||||
}}</span>
|
||||
<span :title="currentNode.tableName" class="label ellipsis">{{currentNode.tableName}}</span>
|
||||
</div>
|
||||
<div class="info" style="margin-top: 4px">
|
||||
<span
|
||||
@ -1266,13 +1264,13 @@ const emits = defineEmits([
|
||||
.label {
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
color: #1f2329;
|
||||
color: #ffffff;
|
||||
max-width: 500px;
|
||||
}
|
||||
.name {
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #646a73;
|
||||
color: #939393;
|
||||
line-height: 22px;
|
||||
}
|
||||
}
|
||||
@ -1384,7 +1382,7 @@ const emits = defineEmits([
|
||||
}
|
||||
|
||||
.mask-dataset-none {
|
||||
background-color: #e5ebf8;
|
||||
background-color: rgb(67,67,67);
|
||||
border: 1px dashed;
|
||||
border-color: var(--ed-color-primary);
|
||||
}
|
||||
@ -1470,4 +1468,13 @@ background-color: rgb(41, 41, 41);
|
||||
.ed-cascader-node__postfix{
|
||||
color: #fff;
|
||||
}
|
||||
.ed-button--primary{
|
||||
background: #0089ff;
|
||||
border-color: #0089ff;
|
||||
}
|
||||
.ed-button.is-secondary{
|
||||
color: #F2F4F5 !important;
|
||||
background-color: #212121 !important;
|
||||
border: 1px solid #434343 !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -178,7 +178,7 @@ watch(
|
||||
.option-field {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: var(--deTextSecondary, #646a73);
|
||||
color: #939393;
|
||||
}
|
||||
.option-input {
|
||||
width: 200px;
|
||||
@ -197,4 +197,15 @@ watch(
|
||||
}
|
||||
}
|
||||
}
|
||||
.header-cell{
|
||||
background-color: rgb(40, 40, 40) !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
.ed-table .ed-table__cell{
|
||||
border-left: 1px solid #363636 !important;
|
||||
}
|
||||
.ed-table__row .ed-table__cell:last-child{
|
||||
border-right: 1px solid #363636 !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@ -2764,7 +2764,7 @@ const getDsIconName = data => {
|
||||
</div>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button secondary @click="closeGroupField">{{ t('dataset.cancel') }} </el-button>
|
||||
<el-button secondary @click="closeGroupField">{{ t('dataset.cancel') }}</el-button>
|
||||
<el-button type="primary" @click="confirmGroupField">{{ t('dataset.confirm') }} </el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
@ -2969,7 +2969,7 @@ const getDsIconName = data => {
|
||||
z-index: 10;
|
||||
&:hover {
|
||||
.ed-icon {
|
||||
color: var(--ed-color-primary, #3370ff) !important;
|
||||
color: var(--ed-color-primary, #3370ff);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -3212,12 +3212,9 @@ const getDsIconName = data => {
|
||||
// color: #646a73;
|
||||
color:#ffffff;
|
||||
}
|
||||
|
||||
.ed-button.is-secondary.is-disabled {
|
||||
color: #bbbfc4 !important;
|
||||
border-color: #bbbfc4 !important;
|
||||
.icon-color:before{
|
||||
content: "";
|
||||
}
|
||||
|
||||
.father .child {
|
||||
visibility: hidden;
|
||||
}
|
||||
@ -3386,9 +3383,10 @@ const getDsIconName = data => {
|
||||
.group-fields_dialog {
|
||||
.group-fields_item {
|
||||
padding: 16px;
|
||||
background: transparent;
|
||||
background: #313131;
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
color: #ffffff;;
|
||||
|
||||
& + .group-fields_item {
|
||||
margin-top: 8px;
|
||||
@ -3584,8 +3582,70 @@ border-right: 1px solid rgba(54, 54, 54, 1)
|
||||
background: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.ed-table--enable-row-hover .ed-table__body tr:hover>td.ed-table__cell{
|
||||
background: rgba(48, 48, 48, 1);
|
||||
}
|
||||
.ed-collapse-item.ed-collapse--light .ed-collapse-item__content{
|
||||
border-top:1px solid #363636;
|
||||
}
|
||||
.header-cell{
|
||||
color: #fff !important;
|
||||
}
|
||||
.ed-table thead{
|
||||
color: #fff !important;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
.ed-collapse{
|
||||
border-top: 1px solid #363636;
|
||||
}
|
||||
.ed-collapse-item__header{
|
||||
background: #313131 !important;
|
||||
}
|
||||
.ed-checkbox__inner{
|
||||
background: transparent;
|
||||
border-color: #5f5f5f;
|
||||
}
|
||||
.ed-button.is-secondary.is-disabled {
|
||||
color: #5f5f5f !important;
|
||||
border-color: #5f5f5f !important;
|
||||
}
|
||||
.ed-checkbox__input.is-disabled .ed-checkbox__inner {
|
||||
background-color: transparent;
|
||||
border-color: #5f5f5f;
|
||||
}
|
||||
.ed-table th.ed-table__cell{
|
||||
background-color:#434343;
|
||||
}
|
||||
.ed-table.is-scrolling-none th.ed-table-fixed-column--left, .ed-table.is-scrolling-none th.ed-table-fixed-column--right {
|
||||
background-color: #434343;
|
||||
}
|
||||
.de-dataset-form .container .table-list .select-ds .left-outlined:hover .ed-icon{
|
||||
color: #fff !important;
|
||||
}
|
||||
.de-dataset-form .container .table-list .select-ds .ed-icon{
|
||||
color: #fff !important;
|
||||
}
|
||||
.de-dataset-form .container .table-list .select-ds .left-outlined{
|
||||
border: 1px solid #9d9d9d !important;
|
||||
background: #979797 !important;
|
||||
}
|
||||
.de-dataset-form .container .table-list .select-ds .left-outlined:hover{
|
||||
border: 1px solid #0089ff !important;
|
||||
background: #0089ff !important;
|
||||
}
|
||||
.de-dataset-form .container .arrow-right{
|
||||
border: 1px solid #9d9d9d !important;
|
||||
background: #979797 !important;
|
||||
}
|
||||
.de-dataset-form .container .arrow-right .ed-icon{
|
||||
color: #fff !important;
|
||||
}
|
||||
.de-dataset-form .container .arrow-right:hover{
|
||||
border: 1px solid #0089ff !important;
|
||||
background: #0089ff !important;
|
||||
}
|
||||
.de-dataset-form .container .arrow-right:hover .ed-icon{
|
||||
color: #fff !important;
|
||||
}
|
||||
</style>
|
||||
@ -1172,9 +1172,8 @@ const proxyAllowDrop = debounce((arg1, arg2) => {
|
||||
width: 100%;
|
||||
padding: 16px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid var(--deBorderBase, #dcdfe6);
|
||||
border: 1px solid #434343;
|
||||
overflow: auto;
|
||||
|
||||
.content {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
@ -1587,4 +1586,45 @@ border-right: 1px solid rgba(54, 54, 54, 1)
|
||||
background-color: #212121 !important;
|
||||
border: 1px solid #434343 !important;
|
||||
}
|
||||
.logic .logic-left .operate-title{
|
||||
background-color: #212121 !important;
|
||||
border: 1px solid #434343 !important;
|
||||
color: #F2F4F5 !important;
|
||||
}
|
||||
.logic .logic-left .operate-title .mrg-title{
|
||||
color: #F2F4F5 !important;
|
||||
}
|
||||
.logic .logic-right-add .operand-btn{
|
||||
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015) !important;
|
||||
color: #0089FF !important;
|
||||
background: transparent !important;
|
||||
border: 1px solid #0089FF !important;
|
||||
}
|
||||
.filed:hover {
|
||||
background-color: #3d3d3d !important;
|
||||
}
|
||||
.filed .ed-input__wrapper {
|
||||
background-color: #212121 !important;
|
||||
border: 1px solid #5f5f5f !important;
|
||||
color: rgba(0, 0, 0, 0.65) !important;
|
||||
}
|
||||
.de-el-dropdown-menu .ed-input{
|
||||
background: transparent;
|
||||
}
|
||||
.ed-dropdown .ed-input .ed-input__wrapper .ed-input__inner {
|
||||
background: rgba(33, 33, 33, 1) !important;
|
||||
}
|
||||
.de-el-dropdown-menu .ed-input .ed-input__wrapper {
|
||||
border-bottom: 1px solid #434343;
|
||||
background: rgba(41, 41, 41, 1) !important;
|
||||
}
|
||||
.de-el-dropdown-menu .ed-input .ed-input__wrapper .ed-input__inner {
|
||||
background: rgba(41, 41, 41, 1) !important;
|
||||
}
|
||||
.de-el-dropdown-menu .dimension li{
|
||||
color: #ffffff !important;
|
||||
}
|
||||
.de-el-dropdown-menu .dimension li:hover{
|
||||
background: #434343;
|
||||
}
|
||||
</style>
|
||||
@ -1157,7 +1157,7 @@ defineExpose({
|
||||
box-shadow: 0 0 0 1px #636363;
|
||||
}
|
||||
.ed-table th.ed-table__cell {
|
||||
background-color: #5f5f5f;
|
||||
background-color: #434343;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -2396,10 +2396,10 @@ const getMenuList = (val: boolean) => {
|
||||
background: rgba(21, 21, 21, 1);
|
||||
}
|
||||
.ed-table td.ed-table__cell, .ed-table th.ed-table__cell.is-leaf{
|
||||
border-bottom: 1px solid rgba(54, 54, 54, 1)
|
||||
border-bottom: 1px solid rgba(54, 54, 54, 1);
|
||||
}
|
||||
.ed-table--border .ed-table__cell{
|
||||
border-right: 1px solid rgba(54, 54, 54, 1)
|
||||
border-right: 1px solid rgba(54, 54, 54, 1);
|
||||
}
|
||||
.ed-table__border-left-patch{
|
||||
background: rgba(54, 54, 54, 1);
|
||||
@ -2471,7 +2471,7 @@ border-right: 1px solid rgba(54, 54, 54, 1)
|
||||
color: #B8BCBF;
|
||||
}
|
||||
.ed-dialog__header{
|
||||
padding-right: 0px;
|
||||
margin-right: 0px;
|
||||
padding: 13px 20px;
|
||||
border-bottom: 1px solid #333333;
|
||||
}
|
||||
@ -2527,4 +2527,7 @@ border-right: 1px solid rgba(54, 54, 54, 1)
|
||||
.ed-button.is-text{
|
||||
color:#0089ff !important;
|
||||
}
|
||||
.el-loading-mask{
|
||||
background-color: rgba(41, 41, 41, 1) !important;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user