Feature/#299 사이드바 외부 클릭시 닫히게 (#300)

BDD-CLUB · Aug 22, 2024 · 38286a2 · 38286a2
1 parent f72d22e
commit 38286a2
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/Sidebar/index.tsx b/src/components/Sidebar/index.tsx
@@ -25,8 +25,15 @@ const Sidebar = () => {
         w={!isDesktop && isOpen ? '100%' : '0'}
         h="100%"
         bg={!isDesktop && isOpen ? 'rgba(0,0,0,0.5)' : ''}
+        onClick={() => {
+          setIsOpen(false);
+        }}
       >
-        <Box pos="absolute" w={isOpen ? { base: '215px', lg: '230px', '2xl': '240px' } : '52px'}>
+        <Box
+          pos="absolute"
+          w={isOpen ? { base: '215px', lg: '230px', '2xl': '240px' } : '52px'}
+          onClick={(e) => e.stopPropagation()}
+        >
           <SidebarContent isOpen={isOpen} setIsOpen={setIsOpen} />
         </Box>
       </Box>