fix: vh -> dvh로 높이 조정

Team-Lecue · Jan 19, 2024 · c7cd917 · c7cd917
1 parent f579138
commit c7cd917
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/Detail/components/EmptyView/EmptyView.style.ts b/src/Detail/components/EmptyView/EmptyView.style.ts
@@ -7,12 +7,13 @@ export const EmptyViewWrapper = styled.div`
   flex-direction: column;
 
   width: 100%;
-  height: calc(100vh - 39rem);
+  height: calc(100dvh - 39rem);
 `;
 
 export const EmptyViewTextWrapper = styled.div`
-  text-align: center;
   margin-top: 2.1rem;
+
+  text-align: center;
 `;
 
 export const EmptyViewText = styled.p`

diff --git a/src/Detail/components/LecueNoteListContainer/LecueNoteListContainer.style.ts b/src/Detail/components/LecueNoteListContainer/LecueNoteListContainer.style.ts
@@ -5,7 +5,7 @@ export const LecueNoteListContainerWrapper = styled.div<{
   isEditable: boolean;
 }>`
   width: 100vw;
-  min-height: calc(100vh - 28.1rem);
+  min-height: calc(100dvh - 28.1rem);
 
   padding: 0 1.6rem;
   padding-bottom: ${({ isEditable }) => isEditable && '12rem'};

diff --git a/src/Detail/components/LecueNoteModal/LecueNoteModal.style.ts b/src/Detail/components/LecueNoteModal/LecueNoteModal.style.ts
@@ -9,7 +9,7 @@ export const BlurryContainer = styled.div`
   z-index: 10;
 
   width: 100vw;
-  height: 100vh;
+  height: 100dvh;
 
   background-color: ${({ theme }) => theme.colors.Modal};
 `;