fix: 네비게이션바 너비 조정

makchamakers · Oct 23, 2023 · 9818d77 · 9818d77
1 parent 45c21e3
commit 9818d77
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 14 deletions.
diff --git a/src/app/setting/page.tsx b/src/app/setting/page.tsx
@@ -12,22 +12,25 @@ const menu = [
 
 export default function setting() {
   return (
-    <Container>
-      <Title>설정</Title>
-      <main>
-        {menu.map(({ label, href }, index) => (
-          <Link key={index} href={href}>
-            <span>{label}</span>
-            <ArrowIcon />
-          </Link>
-        ))}
-      </main>
+    <>
+      <Container>
+        <Title>설정</Title>
+        <main>
+          {menu.map(({ label, href }, index) => (
+            <Link key={index} href={href}>
+              <span>{label}</span>
+              <ArrowIcon />
+            </Link>
+          ))}
+        </main>
+      </Container>
       <NavigationBar />
-    </Container>
+    </>
   );
 }
 
 const Container = styled.div`
+  width: 390px;
   padding: 0 16px;
   > main {
     padding-top: 16px;

diff --git a/src/components/NavigationBar.tsx b/src/components/NavigationBar.tsx
@@ -38,10 +38,9 @@ export default function NavigationBar() {
 }
 
 const Container = styled.nav`
-  position: fixed;
+  position: absolute;
   bottom: 0;
-  left: 0;
-  width: 100%;
+  width: 390px;
   height: 88px;
   display: flex;
   justify-content: space-around;