fix mobile dark mode

actualwitch · Dec 23, 2024 · 9107ab3 · 9107ab3
1 parent 23d9d75
commit 9107ab3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/Mobile.tsx b/src/components/Mobile.tsx
@@ -2,7 +2,7 @@ import styled from "@emotion/styled";
 import { useAtom, useAtomValue } from "jotai";
 
 import { css } from "@emotion/react";
-import { isActionPanelOpenAtom, isNavPanelOpenAtom, layoutAtom } from "../state/common";
+import { isActionPanelOpenAtom, isDarkModeAtom, isNavPanelOpenAtom, layoutAtom } from "../state/common";
 import { Button, bs } from "../style";
 import { type WithDarkMode, withDarkMode } from "../style/darkMode";
 import { Palette } from "../style/palette";
@@ -41,13 +41,15 @@ export const MobileAction = styled.div`
 `;
 
 export const MobileHeader = () => {
+  const [isDarkMode] = useAtom(isDarkModeAtom);
   const [isNavPanelOpen, setIsNavPanelOpened] = useAtom(isNavPanelOpenAtom);
   const [isActionsPanelOpen, setIsActionPanelOpened] = useAtom(isActionPanelOpenAtom);
   const layout = useAtomValue(layoutAtom);
   if (layout !== "mobile") return null;
   return (
     <>
       <MobileHeaderContainer
+        isDarkMode={isDarkMode}
         onClick={() => {
           setIsNavPanelOpened(!isNavPanelOpen);
         }}

diff --git a/src/style/index.tsx b/src/style/index.tsx
@@ -257,6 +257,10 @@ export const appStyle = [
       font: inherit;
     }
 
+    body {
+      overflow-x: hidden;
+    }
+
     ${button}
     ${input}
   `,