style: 헤더 로고 스타일 수정

prgrms-web-devcourse · Nov 25, 2023 · 644653b · 644653b
1 parent 9305151
commit 644653b
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
@@ -34,15 +34,15 @@ const Header = memo(({ handleGoBack }: HeaderProps) => {
 
   return (
     <div className="sticky top-0 z-30 flex h-12 w-full shrink-0 justify-center bg-main-red-300 py-4 md:h-20">
-      <div className="flex w-full max-w-[55rem] items-center justify-between px-6">
+      <div className="relative flex w-[55rem] items-center justify-between px-6">
         <div
           className="cursor-pointer"
           onClick={handleGoBack ?? (() => navigate(-1))}
         >
           <ArrowLeftIcon className={`${!goBackVisible && 'hidden'}`} />
         </div>
         <div
-          className="fixed left-1/2 flex -translate-x-1/2 transform cursor-pointer items-center gap-1"
+          className="absolute left-1/2 flex -translate-x-1/2 cursor-pointer items-center gap-1"
           onClick={() => navigate('/')}
         >
           <img
@@ -79,4 +79,3 @@ const Header = memo(({ handleGoBack }: HeaderProps) => {
 })
 
 export default Header
-