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

fix: 过滤组件弹框样式修改

Browse Source
This commit is contained in:
fit2cloud-chenyw 2021-06-02 16:21:56 +08:00
parent 47392eead8
commit d6a421109e
3 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/styles/index.scss
View File

@ -90,11 +90,15 @@ div:focus {
width: 50% !important; width: 50% !important;
.el-dialog__header{ .el-dialog__header{
background-color: #f4f4f5; // background-color: #f4f4f5;
padding: 10px 20px !important; padding: 10px 20px !important;
.el-dialog__headerbtn {
top: 15px !important;
}
} }
.el-dialog__body{ .el-dialog__body{
padding: 1px 20px !important; padding: 1px 15px !important;
} }
} }

2
frontend/src/views/panel/edit/index.vue
View File

@ -127,7 +127,7 @@
:in-draw="false" :in-draw="false"
/> />
</filter-dialog> </filter-dialog>
<div style="text-align: end !important;margin: 0 15px !important;"> <div style="text-align: end !important;margin: 0 15px 10px !important;">
<span slot="footer"> <span slot="footer">
<el-button size="mini" @click="cancelFilter">{{ $t('commons.cancel') }}</el-button> <el-button size="mini" @click="cancelFilter">{{ $t('commons.cancel') }}</el-button>
<el-button :disabled="!currentFilterCom.options.attrs.fieldId" type="primary" size="mini" @click="sureFilter">{{ $t('commons.confirm') }}</el-button> <el-button :disabled="!currentFilterCom.options.attrs.fieldId" type="primary" size="mini" @click="sureFilter">{{ $t('commons.confirm') }}</el-button>

9
frontend/src/views/panel/filter/filterDialog.vue
View File

@ -521,7 +521,7 @@ export default {
.ms-main-container { .ms-main-container {
height: 100%; height: 100%;
min-height: 400px; min-height: 400px;
padding: 5px 10px;
} }
.filter-field { .filter-field {
@ -588,13 +588,14 @@ export default {
} }
.filter-content { .filter-content {
height: calc(50vh - 130px); height: calc(50vh - 120px);
top: 160px; top: 160px;
} }
.filter-dialog-tabs { .filter-dialog-tabs {
border: 1px solid #E6E6E6; border: 1px solid #E6E6E6;
padding: 10px;
height: 100%; height: 100%;
>>> div.el-tabs__content { >>> div.el-tabs__content {
height: calc(100% - 55px); height: calc(100% - 55px);
@ -602,12 +603,12 @@ export default {
} }
.filter-common { .filter-common {
margin: 10px 10px; margin: 10px 5px;
} }
.component-header { .component-header {
margin: 20px 10px !important; margin: 5px 5px 15px;
} }
.component-result-content { .component-result-content {