Merge pull request #290 from TripInfoWeb/dev_header

fix: 상단 헤더 네비게이션 메뉴가 보이지를 않아서 흰색 배경에 투명도를 추가하고 글자색은 검은색으로 변경
TripInfoWeb · Sep 11, 2024 · a31510c · a31510c
2 parents 672b5d7 + 2d775e9
commit a31510c
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/components/common/Header.tsx b/src/components/common/Header.tsx
@@ -35,7 +35,7 @@ const Header = ({
       <div
         className={
           "fixed right-0 top-0 z-40 flex w-full justify-center shadow" +
-          ` ${transparent ? "bg-transparent backdrop-blur-md" : "bg-white"}`
+          ` ${transparent ? "bg-[#ffffff30] backdrop-blur-md" : "bg-white"}`
         }
       >
         <div className="flex h-20 w-[90rem] flex-row items-center justify-between px-6">
@@ -57,7 +57,7 @@ const Header = ({
                 <li>
                   <Link
                     className={
-                      `${pathname === "/" ? "font-bold text-black" : "font-medium text-gray1"} ` +
+                      `${pathname === "/" ? "font-bold text-black" : "font-medium text-black"} ` +
                       "text-sm hover:text-main"
                     }
                     href="/"
@@ -71,7 +71,7 @@ const Header = ({
                       `${
                         pathname.includes("/informations")
                           ? "font-bold text-black"
-                          : "font-medium text-gray1"
+                          : "font-medium text-black"
                       } ` + "text-sm hover:text-main"
                     }
                     href="/informations/list?page=1&parentCategoryId=1"
@@ -85,7 +85,7 @@ const Header = ({
                       `${
                         pathname.includes("/gathering")
                           ? "font-bold text-black"
-                          : "font-medium text-gray1"
+                          : "font-medium text-black"
                       } ` + "text-sm hover:text-main"
                     }
                     href="/gathering"
@@ -99,7 +99,7 @@ const Header = ({
                       `${
                         pathname.includes("/diary")
                           ? "font-bold text-black"
-                          : "font-medium text-gray1"
+                          : "font-medium text-black"
                       } ` + "text-sm hover:text-main"
                     }
                     href="/diary/list?page=1"
@@ -114,7 +114,7 @@ const Header = ({
                       `${
                         pathname.includes("/support?menu=about")
                           ? "font-bold text-black"
-                          : "font-medium text-gray1"
+                          : "font-medium text-black"
                       } ` + "text-sm hover:text-main"
                     }
                     href="/support?menu=about"