center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

style(图表): 编辑区样式调整

Browse Source
This commit is contained in:
wangjiahao 2024-10-30 10:43:36 +08:00
parent a99804ffbd
commit 668157be10
5 changed files with 3 additions and 140 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
core/core-frontend/src/custom-component/common/CommonBorderSetting.vue
View File

@ -80,7 +80,7 @@ watch(
</script>
<template>
<el-row class="custom-row">
<el-row class="custom-row" style="padding-bottom: 8px">
<el-form label-position="top">
<template v-if="isSvgComponent">
<el-row style="display: flex">

2
core/core-frontend/src/custom-component/common/CommonStyleSet.vue
View File

@ -649,7 +649,7 @@ watch(
}
}
.custom-row-inner {
margin: 8px 0px 24px;
margin: 0 0 16px;
}
.dark-icon {

135
core/core-frontend/src/custom-component/picture-group/Attr.vue
View File

@ -85,139 +85,4 @@ const { curComponent, canvasViewInfo, mobileInPc, batchOptStatus } = storeToRefs
justify-content: flex-start;
}
}
.disabled :deep(.el-upload--picture-card) {
display: none;
}
.avatar-uploader :deep(.ed-upload) {
width: 80px;
height: 80px;
line-height: 90px;
}
.avatar-uploader :deep(.ed-upload-list li) {
width: 80px !important;
height: 80px !important;
}
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
.ed-icon {
color: #1f2329;
}
&:hover {
.ed-icon {
color: var(--ed-color-primary);
}
}
}
.img-area {
height: 80px;
width: 80px;
margin-top: 10px;
overflow: hidden;
&.img-area_dark {
:deep(.ed-upload-list__item).is-success {
border-color: #434343;
}
:deep(.ed-upload--picture-card) {
background: #373737;
border-color: #434343;
.ed-icon {
color: #ebebeb;
}
&:hover {
.ed-icon {
color: var(--ed-color-primary);
}
}
}
}
&.img-area_light {
:deep(.ed-upload-list__item).is-success {
border-color: #dee0e3;
}
}
}
.image-hint {
color: #8f959e;
size: 14px;
line-height: 22px;
font-weight: 400;
margin-top: 2px;
&.image-hint_dark {
color: #757575;
}
}
.re-update-span {
cursor: pointer;
color: var(--ed-color-primary);
size: 14px;
line-height: 22px;
font-weight: 400;
}
.pic-adaptor {
margin: 8px 0 16px 0;
:deep(.ed-form-item__content) {
margin-top: 8px !important;
}
}
.form-item-dark {
.ed-radio {
margin-right: 4px !important;
}
}
.drag-data {
padding-top: 8px;
padding-bottom: 16px;
.tree-btn {
width: 100%;
margin-top: 8px;
background: #fff;
height: 32px;
border-radius: 4px;
border: 1px solid #dcdfe6;
display: flex;
color: #cccccc;
align-items: center;
cursor: pointer;
justify-content: center;
font-size: 12px;
&.tree-btn--dark {
background: rgba(235, 235, 235, 0.05);
border-color: #5f5f5f;
}
&.active {
color: #3370ff;
border-color: #3370ff;
}
}
&.no-top-border {
border-top: none !important;
}
&.no-top-padding {
padding-top: 0 !important;
}
&:nth-child(n + 2) {
border-top: 1px solid @side-outline-border-color;
}
&:first-child {
border-top: none !important;
}
}
</style>

3
core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue
View File

@ -224,7 +224,6 @@ onBeforeUnmount(() => {
}
}
.img-area {
margin-top: 10px;
overflow: hidden;
&.img-area_dark {
@ -272,7 +271,7 @@ onBeforeUnmount(() => {
}
.pic-adaptor {
margin: 8px 0 16px 0;
margin: 8px 0 8px 0;
:deep(.ed-form-item__content) {
margin-top: 8px !important;
}

1
core/core-frontend/src/custom-component/picture/Attr.vue
View File

@ -250,7 +250,6 @@ onBeforeUnmount(() => {
.img-area {
height: 80px;
width: 80px;
margin-top: 10px;
overflow: hidden;
&.img-area_dark {