修改样式

This commit is contained in:
jingna 2025-05-14 09:17:36 +08:00
parent 8169f8239b
commit 8d2321b757
7 changed files with 85 additions and 9 deletions

View File

@ -245,7 +245,7 @@ const groupActiveChange = category => {
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 12px;
line-height: 20px; line-height: 20px;
color: #1f2329; color: #ebebeb;
padding: 0 6px 2px; padding: 0 6px 2px;
} }
.group .group-left .ul-custom{ .group .group-left .ul-custom{

View File

@ -137,7 +137,6 @@ const dvSvgType = computed(() =>
) )
const isEmbedded = computed(() => appStore.getIsDataEaseBi || appStore.getIsIframe) const isEmbedded = computed(() => appStore.getIsDataEaseBi || appStore.getIsIframe)
const resourceTypeList = computed(() => { const resourceTypeList = computed(() => {
const list = [ const list = [
{ {

View File

@ -401,7 +401,7 @@ const emits = defineEmits(['finish', 'onDatasetSave'])
.tree-content { .tree-content {
width: 552px; width: 552px;
height: 380px; height: 380px;
border: 1px solid #dee0e3; border: 1px solid #5f5f5f;
border-radius: 4px; border-radius: 4px;
padding: 8px; padding: 8px;
overflow-y: auto; overflow-y: auto;
@ -451,4 +451,13 @@ const emits = defineEmits(['finish', 'onDatasetSave'])
} }
} }
} }
.ed-dialog__footer .ed-button.is-secondary{
color: #F2F4F5;
background-color: #212121 !important;
border: 1px solid #363636 !important;
}
.ed-dialog__footer .ed-button--primary{
background-color: #0089ff !important;
border: 1px solid #0089ff !important;
}
</style> </style>

View File

@ -1108,7 +1108,7 @@ const emits = defineEmits([
<span class="placeholder">{{ t('data_set.custom_sql_here') }}</span> <span class="placeholder">{{ t('data_set.custom_sql_here') }}</span>
<handle-more <handle-more
style="margin-left: auto" style="margin-left: auto"
:iconName="icon_moreVertical_outlined" :iconName="icon_moreVertical_outlined_white"
:menuList="ele.type === 'sql' ? [...sqlMenu, ...menuList] : menuList" :menuList="ele.type === 'sql' ? [...sqlMenu, ...menuList] : menuList"
@handle-command="command => handleCommand(ele, command)" @handle-command="command => handleCommand(ele, command)"
></handle-more> ></handle-more>
@ -1418,4 +1418,56 @@ const emits = defineEmits([
color: #646a73; color: #646a73;
} }
} }
.ed-dropdown-menu{
background-color: rgb(41, 41, 41);
}
.ed-dropdown-menu__item{
color: #fff;
}
.ed-dropdown-menu__item--divided{
border-top: 1px solid #5f5f5f;
}
.ed-dropdown-menu__item:not(.is-disabled):hover{
background-color: rgb(61, 61, 61);
}
.ed-dropdown__popper.ed-popper{
border: 1px solid #5f5f5f;
background:transparent;
}
.drag-mask_dataset{
background: rgb(21,21,21);
}
.de-dataset-form .dataset-db .drag-right .sql-result .ed-tabs{
margin-left: 0px !important;
padding-left: 24px;
border-bottom: 1px solid #5f5f5f;
}
.de-dataset-form .dataset-db .drag-right .sql-result .table-preview .preview-field .field-d {
border-bottom: 1px solid #5f5f5f !important;
}
.de-dataset-form .dataset-db .drag-right .sql-result .table-preview .preview-field .ed-tree-node__content:hover{
background: #5f5f5f !important;
}
.menu-more_popper_one .ed-cascader-panel .ed-cascader-menu {
border-radius: 4px;
border: 1px solid #5f5f5f;
background: rgb(41, 41, 41);
box-shadow: 0px 4px 8px 0px rgba(95, 95, 95, 0.1);
}
.ed-cascader-node__label{
color: #fff;
}
.ed-cascader-menu .ed-cascader-node:hover{
background: rgb(61, 61, 61) !important;
}
.menu-more_popper_one .ed-cascader-node.in-active-path{
background: rgb(61, 61, 61) !important;
}
.ed-cascader-menu:last-child .ed-cascader-node:focus{
background: rgb(61, 61, 61) !important;
}
.ed-cascader-node__postfix{
color: #fff;
}
</style> </style>

View File

@ -2820,8 +2820,9 @@ const getDsIconName = data => {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 0 24px; padding: 0 24px;
background: #050e21; background: #252626;
box-shadow: 0px 2px 4px 0px rgba(31, 35, 41, 0.12); // box-shadow: 0px 2px 4px 0px rgba(31, 35, 41, 0.12);
border-bottom: 1px solid #4f5052;
.name { .name {
color: #fff; color: #fff;
@ -2904,7 +2905,7 @@ const getDsIconName = data => {
padding-left: 2px; padding-left: 2px;
border-top-right-radius: 12px; border-top-right-radius: 12px;
border-bottom-right-radius: 12px; border-bottom-right-radius: 12px;
background: #262626; background: #fff;
font-size: 12px; font-size: 12px;
&:hover { &:hover {

View File

@ -1572,4 +1572,19 @@ border-right: 1px solid rgba(54, 54, 54, 1)
background-color:rgba(0, 137, 255, 1); background-color:rgba(0, 137, 255, 1);
color: #F2F4F5; color: #F2F4F5;
} }
.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;
}
</style> </style>