Merge pull request #84 from CAU-Capstone-FindIt/nickname

fix : TopNav 높이 수정
CAU-Capstone-FindIt · Dec 7, 2024 · dce243a · dce243a
2 parents 8865801 + b14df94
commit dce243a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/pages/TopNav.jsx b/src/pages/TopNav.jsx
@@ -22,6 +22,7 @@ const Container = styled.div`
   width: 100%;
   max-width: 600px;
   height: 70px; // 네비게이션 바의 높이를 화면 비율에 맞춰 설정 (전체 화면의 10%)
+  max-height: 70px;
   bottom: 0;
   background-color: white;
   display: flex;

diff --git a/src/pages/TopNavBack.jsx b/src/pages/TopNavBack.jsx
@@ -30,16 +30,17 @@ const Container = styled.div`
   width: 100%;
   max-width: 600px;
   height: 70px; // 네비게이션 바의 높이를 화면 비율에 맞춰 설정 (전체 화면의 10%)
+  max-height: 70px;
   bottom: 0;
   background-color: white;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  @media (max-width: 600px) {
-    height: calc(
-      var(--vh, 1vh) * 8
-    ); // 작은 화면에서는 화면 비율에 맞게 높이 설정 전체 높이의 &%
-  }
+  // @media (max-width: 600px) {
+  //   height: calc(
+  //     var(--vh, 1vh) * 8
+  //   ); // 작은 화면에서는 화면 비율에 맞게 높이 설정 전체 높이의 &%
+  // }
 
   z-index: 100;