Merge pull request #118 from codeit-maso/feature/jeon

🎨 style: 1200이하부터 캐러셀 슬라이드

Author: dkslel1225

src/components/Carousel/Carousel.jsx

@@ -8,7 +8,7 @@ export default function Carousel({ recipients }) {
   const [startX, setstartX] = useState(0); // 클릭 시작 좌표 - 터치 스크롤
   const [isBouncing, setBouncing] = useState(false); // 캐러셀 끝이면 bouncing 모션
   const [windowWidth, setWindowWidth] = useState(window.innerWidth);
-  const isDesktop = windowWidth > 1023;
+  const isDesktop = windowWidth > 1200;
 
   useEffect(() => {
     function handleResize() {

src/components/Carousel/Carousel.module.scss

@@ -86,12 +86,6 @@
     width: 100vw;
     padding: 0 24px;
   }
-}
-// 태블릿
-@media (max-width: 1023px) {
-  .carousel__cardset-wrapper {
-    width: 100vw;
-  }
   .carousel::before,
   .carousel::after {
     display: none;
@@ -100,6 +94,19 @@
     display: none;
   }
 }
+// 태블릿
+@media (max-width: 1023px) {
+  // .carousel__cardset-wrapper {
+  //   width: 100vw;
+  // }
+  // .carousel::before,
+  // .carousel::after {
+  //   display: none;
+  // }
+  // .carousel__direction-button {
+  //   display: none;
+  // }
+}
 
 //모바일
 @media (max-width: 767px) {