gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

NEZ-2721 style： project topology 样式调整

Browse Source
This commit is contained in:
zhangyu
2023-03-24 11:34:19 +08:00
parent 0d914364cd
commit c24c6a892b
2 changed files with 34 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
nezha-fronted/src/assets/css/components/common/project/meta2dProps.scss
View File

@@ -336,6 +336,16 @@
margin-right: 5px;
}
}
.nz-select-img-dialog {
.upload-pic-row {
width: 100%;
box-sizing: border-box;
padding: 0 20px;
.el-autocomplete{
width: 100%;
}
}
}
.nz-new-dialog{
.el-dialog__header{
padding: 16px 20px;

49
nezha-fronted/src/components/common/project/meta2d/meta2dSelectImage.vue
View File

@@ -70,34 +70,14 @@
<el-dialog
:title="title"
:visible.sync="uploadPicShow"
width="auto"
custom-class="nz-select-img-dialog nz-new-dialog"
width="452px"
:append-to-body="true"
:modal-append-to-body="false"
@close="uploadPicShow = false"
destroy-on-close>
<el-row class="upload-pic-row">
<el-col :span="4" class="upload-pic-label">{{ $t('overall.name') }}</el-col>
<el-col :span="20">
<el-input maxlength="64" show-word-limit v-model="uploadPic.name" size="small" :placeholder="$t('project.topology.placeholderImg')"></el-input>
</el-col>
</el-row>
<el-row class="upload-pic-row">
<el-col :span="4" class="upload-pic-label">{{ $t('overall.folder') }}</el-col>
<el-col :span="20">
<el-autocomplete
popper-class="right-box-select-top right-public-box-dropdown-top"
:maxlength="64" show-word-limit
class="inline-input"
v-model="uploadPic.unit"
:fetch-suggestions="querySearch"
size="small"
></el-autocomplete>
</el-col>
</el-row>
<el-row class="upload-pic-row">
<el-col :span="4" class="upload-pic-label"> </el-col>
<el-col :span="20">
<el-row class="upload-pic-row" style="margin-top: 20px;margin-bottom: 20px;">
<el-col :span="24">
<div class="upload-body">
<el-upload
drag
@@ -116,7 +96,26 @@
</div>
</el-col>
</el-row>
<div class="upload-pic-row" style="text-align: center">
<el-row class="upload-pic-row">
<el-col :span="4" class="upload-pic-label" style="text-align: left">{{ $t('overall.name') }}</el-col>
<el-col :span="20">
<el-input maxlength="64" show-word-limit v-model="uploadPic.name" size="small" :placeholder="$t('project.topology.placeholderImg')"></el-input>
</el-col>
</el-row>
<el-row class="upload-pic-row" style="margin-bottom: 30px">
<el-col :span="4" class="upload-pic-label" style="text-align: left">{{ $t('overall.folder') }}</el-col>
<el-col :span="20">
<el-autocomplete
popper-class="right-box-select-top right-public-box-dropdown-top"
:maxlength="64" show-word-limit
class="inline-input"
v-model="uploadPic.unit"
:fetch-suggestions="querySearch"
size="small"
></el-autocomplete>
</el-col>
</el-row>
<div slot="footer" class="upload-pic-row" style="text-align: right;margin-bottom: 0;width: 100%">
<span>
<button class="nz-btn nz-btn-size-normal nz-btn-style-light" style="margin-right: 20px" @click="uploadPicShow=false">
{{$t('project.topology.exit')}}