From ca536304102a8b1856e5238c3dc3b3d80525643d Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Thu, 4 Jan 2024 21:11:22 +0800
Subject: [PATCH] chore: update drawer background

---
 web/index.html                           | 2 +-
 web/src/components/HomeSidebarDrawer.tsx | 2 +-
 web/src/components/NavigationDrawer.tsx  | 2 +-
 web/src/css/global.css                   | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/index.html b/web/index.html
index 51965907..b2d4194b 100644
--- a/web/index.html
+++ b/web/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/logo.png" type="image/*" />
     <meta name="theme-color" media="(prefers-color-scheme: light)" content="#f4f4f5" />
-    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#27272a" />
+    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#18181b" />
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
     <!-- memos.metadata.head -->
     <title>Memos</title>
diff --git a/web/src/components/HomeSidebarDrawer.tsx b/web/src/components/HomeSidebarDrawer.tsx
index 298bcf58..266a7d06 100644
--- a/web/src/components/HomeSidebarDrawer.tsx
+++ b/web/src/components/HomeSidebarDrawer.tsx
@@ -26,7 +26,7 @@ const HomeSidebarDrawer = () => {
         <Icon.Search className="w-5 h-auto dark:text-gray-400" />
       </IconButton>
       <Drawer anchor="right" size="sm" open={open} onClose={toggleDrawer(false)}>
-        <div className="w-full px-1">
+        <div className="w-full h-full px-1 bg-zinc-100 dark:bg-zinc-900">
           <HomeSidebar />
         </div>
       </Drawer>
diff --git a/web/src/components/NavigationDrawer.tsx b/web/src/components/NavigationDrawer.tsx
index d0a11c29..96332408 100644
--- a/web/src/components/NavigationDrawer.tsx
+++ b/web/src/components/NavigationDrawer.tsx
@@ -26,7 +26,7 @@ const NavigationDrawer = () => {
         <Icon.Menu className="w-5 h-auto dark:text-gray-400" />
       </IconButton>
       <Drawer anchor="left" size="sm" open={open} onClose={toggleDrawer(false)}>
-        <div className="w-full h-full px-4">
+        <div className="w-full h-full px-4 bg-zinc-100 dark:bg-zinc-900">
           <Navigation />
         </div>
       </Drawer>
diff --git a/web/src/css/global.css b/web/src/css/global.css
index 6602bbab..ae89cae7 100644
--- a/web/src/css/global.css
+++ b/web/src/css/global.css
@@ -1,5 +1,5 @@
 body {
-  @apply text-base w-full min-h-[100svh] p-0 m-0 bg-zinc-100 dark:bg-zinc-900;
+  @apply text-base w-full min-h-[100svh] bg-zinc-100 dark:bg-zinc-900;
 }
 
 #root {