From dd5053f0e6de0413f8ae03896a73869e8838d487 Mon Sep 17 00:00:00 2001 From: "@changcode" Date: Wed, 8 Dec 2021 14:53:52 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E5=A2=9E=E5=8A=A0=20No=20deta=20?= =?UTF-8?q?=E5=8D=A0=E4=BD=8D=E6=A0=B7=E5=BC=8F=EF=BC=8C=E8=B0=83=E6=95=B4?= =?UTF-8?q?=E4=B8=BB=E9=A2=98=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/assets/css/components/chart/chart.scss | 17 +++++++++++++++++ .../css/components/common/multipleTime.scss | 10 ++++------ .../page/dashboard/overview/overview2.scss | 13 +++++++++++++ .../css/components/page/dashboard/panel.scss | 10 ++++++++++ .../src/assets/css/themes/theme-dark.scss | 2 ++ .../src/assets/css/themes/theme-light.scss | 2 ++ .../src/components/chart/chart/chartNoData.vue | 8 +++----- .../src/components/chart/chartList.vue | 2 +- .../src/components/page/dashboard/panel.vue | 1 + 9 files changed, 53 insertions(+), 12 deletions(-) diff --git a/nezha-fronted/src/assets/css/components/chart/chart.scss b/nezha-fronted/src/assets/css/components/chart/chart.scss index cb3afe0dd..6b919a005 100644 --- a/nezha-fronted/src/assets/css/components/chart/chart.scss +++ b/nezha-fronted/src/assets/css/components/chart/chart.scss @@ -84,6 +84,20 @@ } } } + .nz-panel-chart { + height: 100%; + width: 100%; + .nz-panel-chart__no-data { + width: 100%; + text-align: center; + position: absolute; + top: 50%; + margin-top: -12px; + color: $--color-text-regular; + font-family: NotoSans; + font-size: 12px; + } + } } .panel-chart.panel-chart--fullscreen { border: none; @@ -99,6 +113,9 @@ div:nth-of-type(2) { background-color: $--background-color-empty !important; border-color: $--border-color-light !important; + div div { + color: $--color-text-regular; + } } .nz-chart__tooltip { .row__label,.row__value { diff --git a/nezha-fronted/src/assets/css/components/common/multipleTime.scss b/nezha-fronted/src/assets/css/components/common/multipleTime.scss index dfbfa8e92..1985b3c36 100644 --- a/nezha-fronted/src/assets/css/components/common/multipleTime.scss +++ b/nezha-fronted/src/assets/css/components/common/multipleTime.scss @@ -1,4 +1,8 @@ .multiple-time-box { + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 4px; .loading-font { color: #232f3e !important; } @@ -52,12 +56,6 @@ } .calendar-popover-text { } - .multiple-time-box { - display: flex; - justify-content: space-between; - align-items: center; - margin-top: 4px; - } .compare-box .nz-icon-compare { border-right: none; } diff --git a/nezha-fronted/src/assets/css/components/page/dashboard/overview/overview2.scss b/nezha-fronted/src/assets/css/components/page/dashboard/overview/overview2.scss index fbd133b74..b9f2e142a 100644 --- a/nezha-fronted/src/assets/css/components/page/dashboard/overview/overview2.scss +++ b/nezha-fronted/src/assets/css/components/page/dashboard/overview/overview2.scss @@ -717,4 +717,17 @@ } .leaflet-bottom{ z-index: 409; + .leaflet-control-zoom { + a { + background-color: $--background-color-base; + i { + color: $--overview-icon-color; + } + } + a.leaflet-disabled { + i { + color: $--overview-disabled-icon-color; + } + } + } } diff --git a/nezha-fronted/src/assets/css/components/page/dashboard/panel.scss b/nezha-fronted/src/assets/css/components/page/dashboard/panel.scss index 3aee287d9..528e13bca 100644 --- a/nezha-fronted/src/assets/css/components/page/dashboard/panel.scss +++ b/nezha-fronted/src/assets/css/components/page/dashboard/panel.scss @@ -10,6 +10,16 @@ .table-list { height: calc(100% - 58px); } + .no-data { + text-align: center; + position: absolute; + width: 100%; + top: 50%; + margin-top: -54px; + .no-data-div { + color: $--color-text-regular; + } + } } .panel .el-table { diff --git a/nezha-fronted/src/assets/css/themes/theme-dark.scss b/nezha-fronted/src/assets/css/themes/theme-dark.scss index 84b9ce2c9..db5cba258 100644 --- a/nezha-fronted/src/assets/css/themes/theme-dark.scss +++ b/nezha-fronted/src/assets/css/themes/theme-dark.scss @@ -174,6 +174,8 @@ $--overview-project-icon-color: $--time-picker-hover-color; $--overview-module-icon-color: $--time-picker-hover-color; $--overview-endpoint-icon-color: $--time-picker-hover-color; $--overview-alert-icon-color: $--time-picker-hover-color; +$--overview-disabled-icon-color: $--color-text-disabled; +$--overview-icon-color: $--color-text-primary; // background $--overview-module-icon-background-color: #5F80D5; $--overview-endpoint-icon-background-color: #7F87EA; diff --git a/nezha-fronted/src/assets/css/themes/theme-light.scss b/nezha-fronted/src/assets/css/themes/theme-light.scss index 17374b2f0..a6eca9da3 100644 --- a/nezha-fronted/src/assets/css/themes/theme-light.scss +++ b/nezha-fronted/src/assets/css/themes/theme-light.scss @@ -171,6 +171,8 @@ $--overview-project-icon-color: #F6B275; $--overview-module-icon-color: #7AD0BC; $--overview-endpoint-icon-color: #969DEA; $--overview-alert-icon-color: #EE9A87; +$--overview-disabled-icon-color: $--color-text-secondary; +$--overview-icon-color: #18171D; // background $--overview-module-icon-background-color: $--value-color; $--overview-endpoint-icon-background-color: $--value-color; diff --git a/nezha-fronted/src/components/chart/chart/chartNoData.vue b/nezha-fronted/src/components/chart/chart/chartNoData.vue index 04b4c6fd6..0c2b2f1fd 100644 --- a/nezha-fronted/src/components/chart/chart/chartNoData.vue +++ b/nezha-fronted/src/components/chart/chart/chartNoData.vue @@ -1,5 +1,7 @@ - - diff --git a/nezha-fronted/src/components/chart/chartList.vue b/nezha-fronted/src/components/chart/chartList.vue index 36109da01..e931abdb2 100644 --- a/nezha-fronted/src/components/chart/chartList.vue +++ b/nezha-fronted/src/components/chart/chartList.vue @@ -33,7 +33,7 @@ > - +