chore: update drawer background

Author: boojack

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>

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>

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>

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 {