fix: 메뉴 스타일 수정

LikeLion-KNU · Sep 9, 2024 · d363e4d · d363e4d
1 parent 5ff213a
commit d363e4d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/navigation/SideBar.style.ts b/src/components/navigation/SideBar.style.ts
@@ -10,10 +10,12 @@ export const SideBarWrapper = styled.div`
     width: 100%;
     top: -80%;
     backdrop-filter: blur(10px);
+    background-color: rgba(255, 255, 255, 0.7);
     position: fixed;
     align-items: flex-end;
     transition: 0.5s ease;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+
     &.open {
         top: 0;
         transition: 0.5s ease;
@@ -29,6 +31,7 @@ export const Menu = styled.li`
     margin: 20px 8px;
     list-style-type: none;
     cursor: pointer;
+
     &:hover {
         color: #37cdcd;
     }

diff --git a/src/components/navigation/SideBar.tsx b/src/components/navigation/SideBar.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect } from "react";
 import { useNavigate } from "react-router-dom";
 
 import closeIcon from "@/assets/icons/close.svg";
@@ -14,7 +14,7 @@ export const SideBar = ({ isOpen, setIsOpen }: SideBarProps) => {
     const outside = React.useRef<HTMLDivElement>(null);
     const navigate = useNavigate();
 
-    React.useEffect(() => {
+    useEffect(() => {
         document.addEventListener("mousedown", handlerOutside);
         return () => {
             document.removeEventListener("mousedown", handlerOutside);