style: fix header background filter

AxyLm · May 30, 2022 · ec72482 · ec72482
1 parent c1148ed
commit ec72482
Showing 1 changed file with 2 additions and 8 deletions.
diff --git a/src/layout/Header.vue b/src/layout/Header.vue
@@ -23,14 +23,8 @@
 </script>
 <style lang="less" scoped>
 .header {
-	backdrop-filter: saturate(180%) blur(10px);
+	backdrop-filter: saturate(180%) blur(20px);
 	box-shadow: 0px 0px 25px 5px rgb(10 10 10 / 12%);
-	@apply opacity-75;
-	/* @apply bg-base-1/75 dark:bg-base-13/75; */
-}
-.dark {
-	.header {
-		// box-shadow: 0px 0px 25px 5px rgb(245 245 245 / 12%);
-	}
+	@apply bg-base-1 dark:bg-base-13 bg-opacity-70 dark:bg-opacity-75;
 }
 </style>