From 0166d989e926a18d3ec899f3ee66ebd2b8ee4d6c Mon Sep 17 00:00:00 2001 From: shinhyojeong Date: Wed, 31 Jan 2024 18:15:14 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20Carousel=20mobile,=20tablet=EC=97=90?= =?UTF-8?q?=EC=84=9C=20=EC=9D=B8=EB=94=94=EC=BC=80=EC=9D=B4=ED=84=B0=20?= =?UTF-8?q?=EB=8F=99=EC=9E=91=ED=95=98=EC=A7=80=20=EC=95=8A=EB=8A=94=20?= =?UTF-8?q?=EC=9D=B4=EC=8A=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/react/src/components/ImageModal/index.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/react/src/components/ImageModal/index.tsx b/packages/react/src/components/ImageModal/index.tsx index cd4bac89..e50fbd74 100644 --- a/packages/react/src/components/ImageModal/index.tsx +++ b/packages/react/src/components/ImageModal/index.tsx @@ -273,15 +273,15 @@ const StyledImageContainer = styled.div` ${({ theme }): string => theme.mediaQuery.mobile} { transform: translate(0, 0); gap: 0; - transform: ${({ currentIndex }): SerializedStyles => - css`translate(-${currentIndex * 100}vw, 0);`}; + transform: ${({ currentIndex }): string => + `translate(-${currentIndex * 100}vw, 0)`}; } ${({ theme }): string => theme.mediaQuery.tablet} { transform: translate(0, 0); gap: 0; - transform: ${({ currentIndex }): SerializedStyles => - css`translate(-${currentIndex * 100}vw, 0);`}; + transform: ${({ currentIndex }): string => + `translate(-${currentIndex * 100}vw, 0)`}; } `