NEZ-1089 fix:建议Project页面元素对齐

This commit is contained in:
@changcode
2021-10-26 18:09:39 +08:00
parent a99e99e2f8
commit 8e2362a42a
3 changed files with 9 additions and 5 deletions

View File

@@ -40,7 +40,11 @@
}
}
}
.right-box-container__left.right-box__container {
.el-textarea__inner {
padding: 5px 70px 4px 10px;
}
}
.right-box__container {
.right-box-form{
width: calc(100% - 60px);

View File

@@ -124,7 +124,7 @@
</div>
<div class="alert-label-box">
<div class="alert-label-title">Module</div>
<div class="alert-label-value">{{alertLabelData && alertLabelData.module && alertLabelData.module.name ? alertLabelData.module.name : '--'}}</div>
<div class="alert-label-value"><i style="cursor: pointer" class="nz-icon nz-icon-overview-module monitorColor"/> <span>{{alertLabelData && alertLabelData.module && alertLabelData.module.name ? alertLabelData.module.name : '--'}}</span></div>
</div>
<div class="alert-label-box">
<div class="alert-label-title">Asset</div>
@@ -142,7 +142,7 @@
</div>
<div class="alert-label-box">
<div class="alert-label-title">State</div>
<div class="alert-label-value" style="margin-left: 3px">
<div class="alert-label-value">
<span style="width: auto">
<span class="endpoint-cell-left"><i class="nz-icon nz-icon-Metrics colorFA901C" /> {{$t('project.endpoint.metrics')}} </span>
<span v-if="alertLabelData && alertLabelData.configs[0].state === 0 || !alertLabelData.configs[0].state">

View File

@@ -9,14 +9,14 @@
<span v-cancel="{obj: editProject, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
</div>
</div>
<div class="right-box__container">
<div class="right-box__container right-box-container__left">
<div class="container__form">
<el-form ref="projectForm" :model="editProject" :rules="rules" label-position = "top" label-width="120px">
<el-form-item :label='$t("project.project.project")' prop="name">
<el-input id="project-box-input-name" v-model="editProject.name" maxlength="64" show-word-limit size="small"></el-input>
</el-form-item>
<el-form-item :label='$t("overall.remark")'>
<el-input id="project-box-input-remark" v-model="editProject.remark" maxlength="256" show-word-limit size="small" type="textarea"></el-input>
<el-input id="project-box-input-name" v-model="editProject.remark" maxlength="256" show-word-limit type="textarea"></el-input>
</el-form-item>
</el-form>
</div>