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

fix: 根据ui设计稿调整页面

Browse Source
This commit is contained in:
zyh
2024-06-17 17:52:44 +08:00
parent b56e6d3630
commit 6356f93fb1
6 changed files with 49 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
nezha-fronted/src/assets/css/components/page/config/agent.scss
View File

@@ -54,6 +54,7 @@
color: $--license-left-title-color;
letter-spacing: 0;
font-weight: 700;
font-style: italic;
margin-left: 0;
margin-bottom: 0px;
padding-left: 20px;

1
nezha-fronted/src/assets/css/components/page/config/backups.scss
View File

@@ -12,6 +12,7 @@
color: $--license-left-title-color;
letter-spacing: 0;
font-weight: 700;
font-style: italic;
margin-left: 0;
margin-bottom: 0px;
padding-left: 20px;

24
nezha-fronted/src/assets/css/components/page/config/system/license.scss
View File

@@ -223,7 +223,7 @@
}
}
.el-dialog__body{
padding-top: 0 !important;
padding: 0 20px !important;
}
.el-dialog__footer{
padding: 20px;
@@ -234,9 +234,11 @@
}
}
.check-tip{
word-break: break-word;
font-size: 14px;
color: $--color-text-regular;
color: $--color-text-primary;
font-family: Roboto-Black;
font-weight: 400;
word-break: break-word;
line-height: 20px;
margin-top: 6px;
&:first-of-type{
@@ -248,6 +250,22 @@
padding-left: 6px;
}
}
i{
color: $--color-primary;
}
}
.check-content{
opacity: 0.9;
background: $--background-color-base;
border: 1px solid $--border-color-light;
border-radius: 2px;
padding: 10px;
box-sizing: border-box;
margin-top: 10px;
margin-bottom: 20px;
.check-tip{
color: $--color-text-regular;
}
}
}
}

20
nezha-fronted/src/components/common/login.vue
View File

@@ -204,24 +204,30 @@
</div>
</div>
</el-dialog>
<el-dialog
class="nz-dialog c2vDialog"
:title="$t('license.downloadID')"
:show-close="true"
:visible.sync="checkVisible"
width="480px"
width="580px"
@close="closeCheckDialog"
>
<p class="check-tip">{{$t('license.check')}}</p>
<p class="check-tip">{{$t('license.check1')}}</p>
<p class="check-tip">{{$t('license.check2')}}</p>
<p class="check-tip">{{$t('license.check3')}}</p>
<p class="check-tip">{{$t('license.check4')}}</p>
<p class="check-tip">
<i class="nz-icon nz-icon-jinggao"></i>
{{$t('license.check')}}
</p>
<div class="check-content">
<p class="check-tip">{{$t('license.check1')}}</p>
<p class="check-tip">{{$t('license.check2')}}</p>
<p class="check-tip">{{$t('license.check3')}}</p>
<p class="check-tip">{{$t('license.check4')}}</p>
</div>
<p class="check-tip isCheck">
<el-checkbox v-model="checkCompleted">{{$t('license.checkCompleted')}}</el-checkbox>
</p>
<div slot="footer">
<button @click="checkVisible = false" class="nz-btn nz-btn-size-normal nz-btn-style-light margin-r-10">{{$t("overall.close")}}</button>
<button @click="checkVisible = false" class="nz-btn nz-btn-size-normal nz-btn-style-light margin-r-10">{{$t("overall.cancel")}}</button>
<button @click="downloadLicense" class="nz-btn nz-btn-size-normal nz-btn-style-normal" :class="{'nz-btn-disabled': (downLoading || !checkCompleted)}" :disabled="(downLoading || !checkCompleted)">{{$t('overall.download')}}</button>
</div>
</el-dialog>

2
nezha-fronted/src/components/page/config/collectors.vue
View File

@@ -29,7 +29,7 @@
</span>
</template>
</el-table-column>
<el-table-column :resizable="false" fixed="right" width="165px">
<el-table-column :resizable="false" fixed="right" width="120px">
<div slot-scope="scope">
<div class="table-operation-items">
<button

19
nezha-fronted/src/components/page/config/system/license.vue
View File

@@ -169,19 +169,24 @@
:title="$t('license.downloadID')"
:show-close="true"
:visible.sync="checkVisible"
width="480px"
width="580px"
@close="closeCheckDialog"
>
<p class="check-tip">{{$t('license.check')}}</p>
<p class="check-tip">{{$t('license.check1')}}</p>
<p class="check-tip">{{$t('license.check2')}}</p>
<p class="check-tip">{{$t('license.check3')}}</p>
<p class="check-tip">{{$t('license.check4')}}</p>
<p class="check-tip">
<i class="nz-icon nz-icon-jinggao"></i>
{{$t('license.check')}}
</p>
<div class="check-content">
<p class="check-tip">{{$t('license.check1')}}</p>
<p class="check-tip">{{$t('license.check2')}}</p>
<p class="check-tip">{{$t('license.check3')}}</p>
<p class="check-tip">{{$t('license.check4')}}</p>
</div>
<p class="check-tip isCheck">
<el-checkbox v-model="checkCompleted">{{$t('license.checkCompleted')}}</el-checkbox>
</p>
<div slot="footer">
<button @click="checkVisible = false" class="nz-btn nz-btn-size-normal nz-btn-style-light margin-r-10">{{$t("overall.close")}}</button>
<button @click="checkVisible = false" class="nz-btn nz-btn-size-normal nz-btn-style-light margin-r-10">{{$t("overall.cancel")}}</button>
<button @click="downloadLicense" class="nz-btn nz-btn-size-normal nz-btn-style-normal" :class="{'nz-btn-disabled': (downLoading || !checkCompleted)}" :disabled="(downLoading || !checkCompleted)">{{$t('overall.download')}}</button>
</div>
</el-dialog>