From 4b0f08a66841593396a928366a25187c1910e548 Mon Sep 17 00:00:00 2001
From: TaehunLee <85233397+Todari@users.noreply.github.com>
Date: Thu, 24 Oct 2024 18:05:40 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20carousel=20=EC=97=90=20maxWidth=EA=B0=80?=
 =?UTF-8?q?=20=EC=A0=81=EC=9A=A9=EB=90=98=EC=A7=80=20=EC=95=8A=EC=95=84=20?=
 =?UTF-8?q?768=20=EC=9D=B4=EC=83=81=20=ED=95=B4=EC=83=81=EB=8F=84=EC=97=90?=
 =?UTF-8?q?=EC=84=9C=20=EC=A7=A4=EB=A6=AC=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20?=
 =?UTF-8?q?(#801)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: carousel pc 해상도에서 잘리는 문제 해결

* style: carousel design 변경
---
 .../components/Design/components/Carousel/Carousel.style.ts  | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Design/components/Carousel/Carousel.style.ts b/client/src/components/Design/components/Carousel/Carousel.style.ts
index addc2926b..d8408014e 100644
--- a/client/src/components/Design/components/Carousel/Carousel.style.ts
+++ b/client/src/components/Design/components/Carousel/Carousel.style.ts
@@ -44,6 +44,7 @@ export const imageCardStyle = ({theme}: ImageCardStyleProps) => css`
   justify-content: center;
   align-items: center;
   clip-path: inset(0 round 1rem);
+  max-width: calc(768px - 4rem);
   background-color: ${theme.colors.gray};
 `;
 
@@ -59,7 +60,7 @@ export const deleteButtonStyle = css`
   right: 1rem;
   padding: 0.5rem;
   opacity: 0.48;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(0, 0, 0, 0.8);
   border-radius: 50%;
   display: flex;
   justify-content: center;
@@ -69,7 +70,7 @@ export const deleteButtonStyle = css`
 export const indicatorContainerStyle = css`
   position: absolute;
   left: 50%;
-  bottom: 1rem;
+  top: 1rem;
   transform: translateX(-50%);
   display: flex;
   gap: 0.25rem;