[frontend-next] Optimized dark mode

0xJacky · 0xJacky · commit 4512fc030944 · 2022-08-01T20:32:21.000+08:00
diff --git 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
@@ -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
@@ -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;
 }

Original file line number	Diff line number	Diff line change
`@@ -118,7 +118,7 @@ const callback = () => {`
`118`	`118`	`}`
`119`	`119`	`}`
`120`	`120`	`}`
`121`		`- instance!.updateOptions(chartOptions)`
	`121`	`+ instance?.updateOptions?.(chartOptions)`
`122`	`122`	`}`
`123`	`123`
`124`	`124`
Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-@import "ant-design-vue/lib/style/themes/dark.less";`
	`1`	`+@import "ant-design-vue/dist/antd.dark";`
Original file line number	Diff line number	Diff line change
`@@ -134,7 +134,8 @@ body {`
`134`	`134`	`}`
`135`	`135`
`136`	`136`	`.ant-layout-header {`
`137`		`- background-color: #fff;`
	`137`	`+ padding: 0 !important;`
	`138`	`+ background-color: #fff !important;`
`138`	`139`	`@media @dark {`
`139`	`140`	`background-color: #1f1f1f !important;`
`140`	`141`	`}`
`@@ -184,10 +185,6 @@ body {`
`184`	`185`	`}`
`185`	`186`	`}`
`186`	`187`
`187`		`-.ant-layout-header {`
`188`		`- padding: 0 !important;`
`189`		`-}`
`190`		`-`
`191`	`188`	`.ant-table-small {`
`192`	`189`	`font-size: 13px;`
`193`	`190`	`}`