chore: 헤더 반응형 스타일 적용

GDSC-Hongik · Aug 29, 2024 · 3d6a0fa · 3d6a0fa
1 parent 3135e57
commit 3d6a0fa
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/packages/ui/src/components/Header/index.tsx b/packages/ui/src/components/Header/index.tsx
@@ -39,13 +39,14 @@ const headerContainerStyle = css({
   borderBottomStyle: "solid",
   display: "flex",
   alignItems: "center",
+  justifyContent: "center",
 });
 
 const logoContainerStyle = css({
   display: "flex",
   gap: "8px",
-  width: "fit-content",
-  marginLeft: "225px",
+  width: "956px",
+  paddingX: "16px",
   alignItems: "center",
 });
 

diff --git a/packages/ui/src/components/NavItem/index.tsx b/packages/ui/src/components/NavItem/index.tsx
@@ -53,6 +53,7 @@ const NavItem = ({ href, imageUrl, alt, name, items }: NavItemProps) => {
         aria-expanded={expanded ? "true" : "false"}
         aria-haspopup={items?.length && items.length > 1 ? "true" : undefined}
         href={`${href}`}
+        prefetch={true}
         role="menuitem"
         tabIndex={0}
         className={navItemStyle({
@@ -93,6 +94,7 @@ const NavItem = ({ href, imageUrl, alt, name, items }: NavItemProps) => {
               <Link
                 aria-label={item.name}
                 href={`${href}/${item.href}`}
+                prefetch={true}
                 role="menuitem"
                 style={{ padding: "11px 36px" }}
                 className={navItemStyle({