From 4512fc03094420a355189ef6436cd50eb4c9bdcc Mon Sep 17 00:00:00 2001
From: 0xJacky <me@jackyu.cn>
Date: Mon, 1 Aug 2022 20:32:21 +0800
Subject: [PATCH] [frontend-next] Optimized dark mode

---
 frontend/src/components/Chart/AreaChart.vue | 2 +-
 frontend/src/dark.less                      | 2 +-
 frontend/src/layouts/BaseLayout.vue         | 7 ++-----
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/Chart/AreaChart.vue b/frontend/src/components/Chart/AreaChart.vue
index 7d18bcb5..5a253338 100644
--- a/frontend/src/components/Chart/AreaChart.vue
+++ b/frontend/src/components/Chart/AreaChart.vue
@@ -118,7 +118,7 @@ const callback = () => {
             }
         }
     }
-    instance!.updateOptions(chartOptions)
+    instance?.updateOptions?.(chartOptions)
 }
 
 
diff --git a/frontend/src/dark.less b/frontend/src/dark.less
index 1ddaaebd..70b88a5c 100644
--- a/frontend/src/dark.less
+++ b/frontend/src/dark.less
@@ -1 +1 @@
-@import "ant-design-vue/lib/style/themes/dark.less";
+@import "ant-design-vue/dist/antd.dark";
diff --git a/frontend/src/layouts/BaseLayout.vue b/frontend/src/layouts/BaseLayout.vue
index 8c845475..0f2f610d 100644
--- a/frontend/src/layouts/BaseLayout.vue
+++ b/frontend/src/layouts/BaseLayout.vue
@@ -134,7 +134,8 @@ body {
 }
 
 .ant-layout-header {
-    background-color: #fff;
+    padding: 0 !important;
+    background-color: #fff !important;
     @media @dark {
         background-color: #1f1f1f !important;
     }
@@ -184,10 +185,6 @@ body {
     }
 }
 
-.ant-layout-header {
-    padding: 0 !important;
-}
-
 .ant-table-small {
     font-size: 13px;
 }