diff --git a/src/components/Carousel/Carousel.jsx b/src/components/Carousel/Carousel.jsx index d20b849..c0d7543 100644 --- a/src/components/Carousel/Carousel.jsx +++ b/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() { diff --git a/src/components/Carousel/Carousel.module.scss b/src/components/Carousel/Carousel.module.scss index 5a11944..c444225 100644 --- a/src/components/Carousel/Carousel.module.scss +++ b/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) {