Release: 0.3.0 (#69)

* Feat: 멘토링 피드백 반영 (#64) * Feat: UI 설정 편집 기능 개발 (#DUT-575) (#65) * Feat: 멘토링 피드백 반영 * Feat: UI 설정 편집 기능 개발 * Fix: 멘토링 피드백 반영 (DUT-596 / #66) * Feat: 멘토링 피드백 반영 * Feat: UI 설정 편집 기능 개발 * Fix: 멘토링 피드백 반영 * Fix: 랜딩 페이지 수정, 버그 픽스 (#67) * Feat: 멘토링 피드백 반영 * Feat: UI 설정 편집 기능 개발 * Fix: 멘토링 피드백 반영 * Feat: 멘토링 피드백 반영, 랜딩 수정 * Release: 0.2.5 * Feat: 모바일 100vh -> 100dvh * Release: 0.3.0
gom-3 · Oct 23, 2023 · 274f782 · 274f782
1 parent be10b41
commit 274f782
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "dutying-web",
   "private": true,
-  "version": "0.2.5",
+  "version": "0.3.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

diff --git a/src/pages/LandingPage/index.tsx b/src/pages/LandingPage/index.tsx
@@ -18,7 +18,6 @@ function LandingPage() {
     actions: { handleLogout, demoTry },
   } = useAuth();
   const navigate = useNavigate();
-
   const [focus, setFocus] = useState('top');
 
   const webSection = useRef<HTMLDivElement>(null);
@@ -115,7 +114,7 @@ function LandingPage() {
       </div>
 
       {/*메인*/}
-      <div className='h-screen w-screen bg-[url("/img/landing_mobile_1.png")] bg-cover bg-center bg-no-repeat pt-[60px] xl:relative  xl:h-screen xl:bg-[url("/img/landing_1.png")] xl:pt-0'>
+      <div className='xl:h-[${innerHeight}] h-[100dvh] w-screen bg-[url("/img/landing_mobile_1.png")] bg-cover bg-center bg-no-repeat pt-[60px]  xl:relative xl:bg-[url("/img/landing_1.png")] xl:pt-0'>
         <div className="mx-auto flex h-full w-[85%] flex-col pt-[42px] xl:container xl:relative xl:top-[50%] xl:h-fit xl:translate-y-[-50%] xl:pt-0">
           <h1 className="font-line text-[32px] font-bold leading-[42px] text-main-1 xl:text-[4rem] xl:leading-[5.4375rem] xl:text-white">
             근무표,
@@ -207,7 +206,7 @@ function LandingPage() {
       <div
         id="web"
         ref={webSection}
-        className='h-screen w-screen bg-[url("/img/landing_mobile_2.png")] bg-cover bg-center bg-no-repeat xl:h-screen  xl:bg-[url("/img/landing_2.png")]'
+        className='xl:h-[${innerHeight}] h-[100dvh] w-screen bg-[url("/img/landing_mobile_2.png")] bg-cover bg-center bg-no-repeat  xl:bg-[url("/img/landing_2.png")]'
       >
         <div className="mx-auto flex h-full w-[85%] flex-col pt-[124px] xl:container xl:mx-auto xl:mt-[8.875rem] xl:items-end">
           <div className="flex items-center gap-[8px] xl:w-[28.125rem]">
@@ -232,7 +231,7 @@ function LandingPage() {
       </div>
 
       {/*메인 3*/}
-      <div className='h-screen w-screen bg-[url("/img/landing_mobile_3.png")] bg-cover bg-center bg-no-repeat xl:h-screen  xl:bg-[url("/img/landing_3.png")]'>
+      <div className='xl:h-[${innerHeight}] h-[100dvh] w-screen bg-[url("/img/landing_mobile_3.png")] bg-cover bg-center bg-no-repeat  xl:bg-[url("/img/landing_3.png")]'>
         <div className="mx-auto flex h-full w-[85%] flex-col pt-[64px] xl:container xl:mx-auto xl:mt-[8.875rem] xl:items-start">
           <div className="flex items-center gap-[8px] xl:w-[28.125rem]">
             <div className="flex h-[22px] items-center rounded-[5px] bg-white px-[6px] font-poppins text-[14px] text-main-1 xl:h-[1.875rem] xl:px-[.5rem] xl:text-[1.25rem]">
@@ -261,7 +260,7 @@ function LandingPage() {
       <div
         id="mobile"
         ref={mobileSection}
-        className='h-screen w-screen bg-[url("/img/landing_mobile_4.png")] bg-cover bg-center bg-no-repeat xl:h-screen  xl:bg-[url("/img/landing_4.png")]'
+        className='xl:h-[${innerHeight}] h-[100dvh] w-screen bg-[url("/img/landing_mobile_4.png")] bg-cover bg-center bg-no-repeat  xl:bg-[url("/img/landing_4.png")]'
       >
         <div className="mx-auto flex h-full w-[85%] flex-col pt-[124px] xl:container xl:mx-auto xl:mt-[8.875rem] xl:items-start">
           <div className="flex items-center gap-[8px] xl:w-[28.125rem]">
@@ -286,7 +285,7 @@ function LandingPage() {
       </div>
 
       {/*메인 5*/}
-      <div className='h-screen w-screen bg-[url("/img/landing_mobile_5.png")] bg-cover bg-center bg-no-repeat xl:h-screen  xl:bg-[url("/img/landing_5.png")]'>
+      <div className='h-[100dvh] w-screen bg-[url("/img/landing_mobile_5.png")] bg-cover bg-center bg-no-repeat xl:h-[100dvh]  xl:bg-[url("/img/landing_5.png")]'>
         <div className="mx-auto flex h-full w-[85%] flex-col pt-[124px] xl:container xl:mx-auto xl:mt-[8.875rem] xl:items-end">
           <div className="flex items-center gap-[8px] xl:w-[28.125rem]">
             <div className="flex h-[22px] items-center rounded-[5px] bg-main-4 px-[6px] font-poppins text-[14px] text-main-1 xl:h-[1.875rem] xl:px-[.5rem] xl:text-[1.25rem]">