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

NEZ-1142 fix: 修复Asset页面元素超出边框

Browse Source
This commit is contained in:
@changcode
2021-11-01 09:39:42 +08:00
parent d32811dc52
commit d52f671261
2 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -94,7 +94,7 @@
</div> </div>
<div class="alert-label-box"> <div class="alert-label-box">
<div class="alert-label-title">{{$t('overall.remark')}}</div> <div class="alert-label-title">{{$t('overall.remark')}}</div>
<div class="alert-label-value">{{alertLabelData && alertLabelData.remark ? alertLabelData.remark : '--'}}</div> <div class="alert-label-value alert-label-remark">{{alertLabelData && alertLabelData.remark ? alertLabelData.remark : '--'}}</div>
</div> </div>
</div> </div>
@@ -135,7 +135,7 @@
</div> </div>
<div class="alert-label-box"> <div class="alert-label-box">
<div class="alert-label-title">{{$t('overall.remark')}}</div> <div class="alert-label-title">{{$t('overall.remark')}}</div>
<div class="alert-label-value">{{alertLabelData && alertLabelData.remark ? alertLabelData.remark : '--'}}</div> <div class="alert-label-value alert-label-remark">{{alertLabelData && alertLabelData.remark ? alertLabelData.remark : '--'}}</div>
</div> </div>
</div> </div>
@@ -441,7 +441,7 @@ export default {
position: fixed; position: fixed;
background-color: white; background-color: white;
z-index: 3000; z-index: 3000;
padding: 10px; padding: 10px 23px 10px 10px;
border-radius: 4px; border-radius: 4px;
box-shadow: -1px 1px 9px -1px rgba(205,205,205,0.77); box-shadow: -1px 1px 9px -1px rgba(205,205,205,0.77);
} }
@@ -503,26 +503,25 @@ export default {
/*border-bottom: 1px solid #ebeef5;*/ /*border-bottom: 1px solid #ebeef5;*/
} }
.alert-label-title{ .alert-label-title{
font-family: Roboto-Regular;
font-size: 14px; font-size: 14px;
color: #666666; color: #666666;
letter-spacing: 0; letter-spacing: 0;
line-height: 23px; line-height: 23px;
font-weight: 400; min-width: 110px;
min-width: 100px;
padding: 0 3px 0 13px; padding: 0 3px 0 13px;
min-width: 100px;
} }
.alert-label-value{ .alert-label-value{
height: 26px; height: 26px;
ont-family: Roboto-Regular;
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
letter-spacing: 0; letter-spacing: 0;
line-height: 23px; line-height: 23px;
font-weight: 400; }
padding: 0 3px 0 13px; .alert-label-remark {
word-break: break-all; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
max-width: 210px;
} }
.danger{ .danger{
background-color: #d64f40; background-color: #d64f40;

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

@@ -161,7 +161,7 @@ export default {
position: fixed; position: fixed;
background-color: white; background-color: white;
z-index: 3000; z-index: 3000;
padding: 10px; padding: 10px 23px 10px 10px;
border-radius: 4px; border-radius: 4px;
box-shadow: -1px 1px 9px -1px rgba(205,205,205,0.77); box-shadow: -1px 1px 9px -1px rgba(205,205,205,0.77);
} }
@@ -230,7 +230,7 @@ export default {
} }
.alert-rule-title{ .alert-rule-title{
text-align: left; text-align: left;
width: 110px; min-width: 110px;
color: #666; color: #666;
padding: 0 3px 0 13px; padding: 0 3px 0 13px;
} }