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

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

6
nezha-fronted/src/assets/css/common/rightBoxCommon.scss
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__container {
.right-box-form{ .right-box-form{
width: calc(100% - 60px); width: calc(100% - 60px);

4
nezha-fronted/src/components/common/alert/alertLabel.vue
View File

@@ -124,7 +124,7 @@
</div> </div>
<div class="alert-label-box"> <div class="alert-label-box">
<div class="alert-label-title">Module</div> <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>
<div class="alert-label-box"> <div class="alert-label-box">
<div class="alert-label-title">Asset</div> <div class="alert-label-title">Asset</div>
@@ -142,7 +142,7 @@
</div> </div>
<div class="alert-label-box"> <div class="alert-label-box">
<div class="alert-label-title">State</div> <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 style="width: auto">
<span class="endpoint-cell-left"><i class="nz-icon nz-icon-Metrics colorFA901C" /> {{$t('project.endpoint.metrics')}} </span> <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"> <span v-if="alertLabelData && alertLabelData.configs[0].state === 0 || !alertLabelData.configs[0].state">

4
nezha-fronted/src/components/common/rightBox/projectBox.vue
View File

@@ -9,14 +9,14 @@
<span v-cancel="{obj: editProject, func: esc}"><i class="nz-icon nz-icon-close"></i></span> <span v-cancel="{obj: editProject, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
</div> </div>
</div> </div>
<div class="right-box__container"> <div class="right-box__container right-box-container__left">
<div class="container__form"> <div class="container__form">
<el-form ref="projectForm" :model="editProject" :rules="rules" label-position = "top" label-width="120px"> <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-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-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>
<el-form-item :label='$t("overall.remark")'> <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-item>
</el-form> </el-form>
</div> </div>