메인페이지 QA (#333)

* feat : 배너 화살표 버튼 보이기 * feat : 배너 화살표 버튼 * feat : 배너 화살표 패딩값 조정 * feat : 솝트 소개 모바일 애니메이션
sopt-makers · Dec 22, 2023 · 1e5f383 · 1e5f383
1 parent ff22482
commit 1e5f383
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/views/MainPage/components/Banner/style.ts b/src/views/MainPage/components/Banner/style.ts
@@ -56,7 +56,7 @@ export const ContentWrapper = styled.article`
 
   /* 모바일 뷰 */
   @media (max-width: 768px) {
-    padding-top: 450px;
+    padding-top: 60vh;
     padding-bottom: 50px;
   }
 `;

diff --git a/src/views/MainPage/components/Introduce/index.tsx b/src/views/MainPage/components/Introduce/index.tsx
@@ -8,7 +8,7 @@ export default function Introduce() {
   const contentRef = useRef<HTMLElement>(null);
   const { scrollYProgress } = useScroll({
     target: contentRef,
-    offset: ['end center', 'start'],
+    offset: isMobileSize ? ['end end', 'start end'] : ['end center', 'start'],
   });
 
   const scaleValue = useTransform(scrollYProgress, [1, 0.4], [0.9, 1]);