[#2] Feat Header

- box-shadow css추가 - MyInfo 이미지의 background 변경
potato-club · Jan 31, 2023 · f0ef8bb · f0ef8bb
1 parent 94bcf08
commit f0ef8bb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
@@ -1,4 +1,5 @@
 import styled from "styled-components";
+import { customColor } from "../customColor";
 import { HeaderMenu } from "./HeaderMenu";
 import { HeaderTitle } from "./HeaderTitle";
 
@@ -13,6 +14,8 @@ export const Header = () => {
 
 const Wrapper = styled.section`
   display: flex;
+  z-index: 5;
   flex-direction: column;
   width: 100%;
+  box-shadow: 0px 4px 4px 0px ${customColor.black + "33"};
 `;
diff --git a/src/components/header/components/MyInfo.tsx b/src/components/header/components/MyInfo.tsx
@@ -55,7 +55,7 @@ const Img = styled.div`
   position: absolute;
   width: 100%;
   height: 100%;
-  background: ${customColor.lightGray};
+  background: ${customColor.gray};
   border-radius: 50%;
 `;
 const LogAction = styled.div<ButtonProps>`