From 2de82b1dcaf13db27ce56716a7b15a70a24000f5 Mon Sep 17 00:00:00 2001 From: jyn Date: Tue, 29 Apr 2025 11:30:45 +0900 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style:=201200px=EC=9D=B4?= =?UTF-8?q?=ED=95=98=EB=B6=80=ED=84=B0=20=EC=BA=90=EB=9F=AC=EC=85=80=20?= =?UTF-8?q?=EC=8A=AC=EB=9D=BC=EC=9D=B4=EB=93=9C=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Carousel/Carousel.jsx | 2 +- src/components/Carousel/Carousel.module.scss | 19 +++++++++++++------ 2 files changed, 14 insertions(+), 7 deletions(-) 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) {