feat: bottomsheet 스위칭

team-nerd-planet · Jun 26, 2024 · db17fc5 · db17fc5
1 parent 62a1eb5
commit db17fc5
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/components/bottomSheet/index.tsx b/components/bottomSheet/index.tsx
@@ -147,12 +147,13 @@ const BottomSheet = () => {
             {open ? "괜찮아요" : "구독하기"}
           </button>
           <div className="absolute w-full h-full flex justify-center items-center transition-all">
-            <svg
+            <Svg
               width="24"
               height="24"
               viewBox="0 0 24 24"
               fill="none"
               xmlns="http://www.w3.org/2000/svg"
+              onClick={() => setOpen(!open)}
             >
               {open ? (
                 <path
@@ -165,7 +166,7 @@ const BottomSheet = () => {
                   fill="#F8F9FE"
                 />
               )}
-            </svg>
+            </Svg>
           </div>
         </div>
         <Box
@@ -385,3 +386,12 @@ const Content = styled.div`
   color: #f8f9fe;
   position: relative;
 `;
+
+const Svg = styled.svg`
+  cursor: pointer;
+  transition: all 0.3s ease-in-out;
+
+  &:hover {
+    opacity: 0.8;
+  }
+`;
diff --git a/public/sw.js.map b/public/sw.js.map