From bb396681c547185106dfd906b952305b77ad12b7 Mon Sep 17 00:00:00 2001
From: kiyeong <kjr07145@gmail.com>
Date: Tue, 26 Nov 2024 02:26:15 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20toast=20=EC=A7=80=EC=86=8D=20=EC=8B=9C?=
 =?UTF-8?q?=EA=B0=84=20=EB=8B=A8=EC=B6=95=20&=20=EB=AA=A8=EB=8B=AC=20?=
 =?UTF-8?q?=EB=82=B4=EB=B6=80=20=EC=9C=84=EC=B9=98=20=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Main/components/DetailModal.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/Main/components/DetailModal.tsx b/src/Main/components/DetailModal.tsx
index b63a44a..43960a4 100644
--- a/src/Main/components/DetailModal.tsx
+++ b/src/Main/components/DetailModal.tsx
@@ -52,7 +52,7 @@ const DetailModal = ({ isOpen, onClose, content }: DetailModalProps) => {
       toast({
         title: isLike ? "좋아요를 눌렀어요!" : "싫어요를 눌렀어요!",
         description: "이제 추천 콘텐츠 결과에 반영됩니다.",
-        duration: 3000,
+        duration: 1500,
         isClosable: true,
         position: "top",
         render: () => (
@@ -65,7 +65,7 @@ const DetailModal = ({ isOpen, onClose, content }: DetailModalProps) => {
             boxShadow="lg"
           >
             <Text fontWeight="bold">
-              {isLike ? "좋아요를 눌렀어요!" : "싫어요를 눌렀어요!"}
+              {isLike ? "좋아요를 눌렀어요😊" : "싫어요를 눌렀어요😭"}
             </Text>
             <Text>이제 추천 콘텐츠 결과에 반영됩니다.</Text>
           </Box>
@@ -92,7 +92,7 @@ const DetailModal = ({ isOpen, onClose, content }: DetailModalProps) => {
             borderRadius="md"
             boxShadow="lg"
           >
-            <Text fontWeight="bold">시청기록에 등록되었어요!</Text>
+            <Text fontWeight="bold">시청기록에 등록되었어요😎</Text>
             <Text>이제 추천 콘텐츠 결과에 반영됩니다.</Text>
           </Box>
         ),
@@ -112,9 +112,11 @@ const DetailModal = ({ isOpen, onClose, content }: DetailModalProps) => {
     <Modal isOpen={isOpen} onClose={onClose} isCentered>
       <ModalOverlay />
       <ModalContent width={modalWidth}>
-        <ModalHeader fontSize={headerFontSize}>{content.title}</ModalHeader>
         <ModalCloseButton />
-        <ModalBody>
+        <ModalHeader pr="40px" fontSize={headerFontSize}>
+          {content.title}
+        </ModalHeader>
+        <ModalBody mt={"-20px"}>
           <Box>
             <Text fontSize={textFontSize}>
               <strong>Type:</strong> {content.type}