From 333d200030f126f885b77355c575b2d5803fd5d7 Mon Sep 17 00:00:00 2001 From: Huh Hyeongjun Date: Wed, 26 Feb 2025 16:28:04 +0900 Subject: [PATCH 1/2] fix: prevent overflow --- src/index.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/index.css b/src/index.css index e1deaab..7954042 100644 --- a/src/index.css +++ b/src/index.css @@ -15,6 +15,7 @@ body, -ms-user-select: none; user-select: none; -ms-overflow-style: none; + overflow: hidden; } ::-webkit-scrollbar { From a8e60e592a9d340d3b8d772bcfb4ff72a5594579 Mon Sep 17 00:00:00 2001 From: Huh Hyeongjun Date: Wed, 26 Feb 2025 16:46:47 +0900 Subject: [PATCH 2/2] feat: disable car mode on mobile --- src/components/nav/TopNav.tsx | 25 ++++++++++++++++++++++--- 1 file changed, 22 insertions(+), 3 deletions(-) diff --git a/src/components/nav/TopNav.tsx b/src/components/nav/TopNav.tsx index 7ed3f65..d832961 100644 --- a/src/components/nav/TopNav.tsx +++ b/src/components/nav/TopNav.tsx @@ -22,6 +22,9 @@ interface ButtonProps export function TopNav({ step }: { step: number }) { const setThirdMode = useCarStore((state) => state.setThirdMode); + const thirdMode = useCarStore((state) => state.thirdMode); + const isMobile = /Mobi|Android/i.test(navigator.userAgent); + const [openModal, setOpenModal] = useState(false); return ( @@ -91,9 +94,25 @@ export function TopNav({ step }: { step: number }) { Options - setThirdMode(true)}> - Car Mode - + {!isMobile && ( + <> + {thirdMode ? ( + setThirdMode(false)} + > + Disable Car + + ) : ( + setThirdMode(true)} + > + Car Mode + + )} + + )}