diff --git a/nezha-fronted/src/assets/css/components/page/config/backups.scss b/nezha-fronted/src/assets/css/components/page/config/backups.scss index 848093f07..f7449fa9a 100644 --- a/nezha-fronted/src/assets/css/components/page/config/backups.scss +++ b/nezha-fronted/src/assets/css/components/page/config/backups.scss @@ -129,7 +129,7 @@ display: flex; justify-content: center; align-items: center; - width: 90px; + width: calc(100% / 7.1) !important; height: 34px; border: 1px solid $--border-color-light; margin-right: -1px; @@ -164,7 +164,7 @@ display: flex; justify-content: center; align-items: center; - width: 90px; + width: calc(100% / 7.1) !important; height: 35px; border: 1px solid $--border-color-light; margin-right: -1px; diff --git a/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss b/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss index b9b3e7815..bf5f4e331 100644 --- a/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss +++ b/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss @@ -57,7 +57,7 @@ margin-left: 1px; } .el-cascader-menu { - width: 200px; + width: 300px; height: 100%; } .metric-btn:hover, .metric-btn:focus { @@ -66,7 +66,7 @@ } .metric-selector .el-cascader-panel { - height: 300px; + height: 500px; position: absolute; z-index: 2100; background-color: $--background-color-empty; diff --git a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue index 829d59e7a..ddf9c3614 100644 --- a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue +++ b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue @@ -115,8 +115,8 @@ :title="state?$t('overall.enabled'):$t('profile.close')" @click="enableExpression" > - - + +