Merge pull request #135 from TripInfoWeb/dev_header

헤더 부분에 간격이 좁아질 떄 글자가 세로로 되는 UI 문제 수정
TripInfoWeb · Jul 26, 2024 · b60527a · b60527a
2 parents 2b19815 + ebbb89a
commit b60527a
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/common/Header.tsx b/src/components/common/Header.tsx
@@ -31,10 +31,11 @@ const Header = ({
           ` ${transparent ? "bg-transparent" : "bg-white dark:bg-slate-800"}`
         }
       >
-        <div className="flex h-20 w-[90rem] flex-row items-center justify-between max-[1024px]:px-6">
+        <div className="flex h-20 w-[90rem] flex-row items-center justify-between px-6">
           <div className="flex flex-row items-center">
             <Link
-              className="relative ml-[2.375rem] h-8 w-[5rem] font-black max-[1024px]:ml-4 max-[744px]:ml-0"
+              // className="relative ml-[2.375rem] h-8 w-[5rem] font-black max-[1024px]:ml-4 max-[744px]:ml-0"
+              className="relative h-8 w-[5rem] font-black"
               href="/"
             >
               <Image
@@ -123,7 +124,7 @@ const Header = ({
           />
           <div
             className={
-              "mr-[3.375rem] flex h-[2.25rem] w-[8rem] flex-row items-center gap-2 rounded-lg p-[.5rem] text-sm backdrop-blur-[120px] max-[744px]:hidden"
+              "flex h-[2.25rem] w-[8rem] flex-row items-center gap-2 rounded-lg p-[.5rem] text-sm backdrop-blur-[120px] max-[744px]:hidden"
             }
           >
             {userId == 0 ? (