Merge pull request #34 from JongMany/feat/refactor-architecture

[Fix] vh 단위를 dvh로 변경
JongMany · Jul 30, 2024 · 50b4ba6 · 50b4ba6
2 parents 20d29e1 + 1278903
commit 50b4ba6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/fe/src/widgets/main/projectsShowcase/ui/ProjectsShowCase/ProjectsShowCase.tsx b/fe/src/widgets/main/projectsShowcase/ui/ProjectsShowCase/ProjectsShowCase.tsx
@@ -43,7 +43,7 @@ function ProjectsShowCase() {
   return (
     <>
       <main
-        className="absolute top-0 left-0 w-full h-[100vh] scrollbar-hide"
+        className="absolute top-0 left-0 w-full h-[100dvh] scrollbar-hide"
         style={{
           scrollSnapType: "y mandatory",
           overflowY: "auto",
@@ -52,7 +52,7 @@ function ProjectsShowCase() {
       >
         <section className="flex flex-col items-center justify-center">
           <div className="fixed top-0 left-0 w-full overflow-y-auto -z-10">
-            <div className="h-[100vh]" ref={containerRef}></div>
+            <div className="h-[100dvh]" ref={containerRef}></div>
           </div>
           {/* 홈 */}
           <ContentContainer height="137.5vh">
@@ -225,7 +225,7 @@ function ProjectsShowCase() {
           </ContentContainer>
           {/* 137.5vh */}
           <ContentContainer height="137.5vh" scrollSnapAlign="end">
-            <div className="flex h-[100vh] flex-col justify-center items-center">
+            <div className="flex h-[100dvh] flex-col justify-center items-center">
               <Contact />
             </div>
           </ContentContainer>

diff --git a/fe/src/widgets/main/projectsShowcase/ui/loadingScreen/MainLoadingScreen.tsx b/fe/src/widgets/main/projectsShowcase/ui/loadingScreen/MainLoadingScreen.tsx
@@ -19,7 +19,7 @@ export const MainLoadingScreen = ({ isLoading, onStarted }) => {
   return (
     //absolute z-50 h-[100vh] w-[100vw] flex justify-center items-center
     <div
-      className={`z-50 absolute h-[100vh] w-[100vw] transition-all durtaion-300  ${
+      className={`z-50 absolute h-[100dvh] w-[100dvw] transition-all durtaion-300  ${
         !isLoading ? "opacity-0 -z-10 invisible" : "overflow-y-hidden"
       } `}
     >