Merge pull request #217 from DeliverBle/feat/#215

[landing] 사파리 이슈 대응
DeliverBle · Apr 6, 2023 · e090a10 · e090a10 · vercel · Apr 6, 2023
2 parents 6a84986 + 3968920
commit e090a10
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 46 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "deliverble-frontend",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": true,
   "scripts": {
     "dev": "next dev",

diff --git a/public/assets/images/img_review_empty.svg b/public/assets/images/img_review_empty.svg
diff --git a/public/assets/images/img_review_empty.webp b/public/assets/images/img_review_empty.webp
diff --git a/public/assets/images/index.ts b/public/assets/images/index.ts
@@ -4,7 +4,7 @@ export { default as imgLandingBubble } from './img_landing_bubble.svg';
 export { default as imgLandingEar } from './img_landing_ear.svg';
 export { default as imgLandingFist } from './img_landing_fist.svg';
 export { default as imgLandingMic } from './img_landing_mic.svg';
-export { default as imgReviewEmpty } from './img_review_empty.svg';
+export { default as imgReviewEmpty } from './img_review_empty.webp';
 export { default as imgMemoEmpty } from './img_memo_empty.svg';
 export { default as imgMobileBgFirst } from './img_mobile_bg.webp';
 export { default as imgMobileBgLast } from './img_mobile_bg_last.webp';

diff --git a/src/components/review/Empty.tsx b/src/components/review/Empty.tsx
@@ -34,8 +34,8 @@ const StEmpty = styled.div`
 
   .empty {
     position: relative;
-    width: 38.8rem;
-    height: 28.8rem;
+    width: 32rem;
+    height: 32rem;
   }
 `;
 

diff --git a/src/hooks/useSlideObserver.ts b/src/hooks/useSlideObserver.ts
@@ -20,7 +20,8 @@ export const useSlideObserver = (
 
     if (isRef.current && !stopObserve) {
       observer = new IntersectionObserver(observePoint, {
-        threshold: 0.8,
+        rootMargin: '50px',
+        threshold: 0.5,
       });
       observer.observe(isRef.current);
     }