From f8ac3fe7c18dbf47763b1d2140d867d98da2ce39 Mon Sep 17 00:00:00 2001
From: hayoonSong <39684920+hayounSong@users.noreply.github.com>
Date: Thu, 7 Nov 2024 21:13:47 +0900
Subject: [PATCH] =?UTF-8?q?Hotfix:=20=EC=BB=A4=ED=94=BC=EC=B1=97=20?=
 =?UTF-8?q?=EB=94=94=EC=9E=90=EC=9D=B8=20QA=20=EC=88=98=EC=A0=95=20(#1678)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: scroll error fix

* fix: 카드 margin 해결

* feat:  MO Tagsection Width 지정

* feat: MO Tagsection 수정
---
 .../coffeechat/CoffeeChatCard/index.tsx       | 19 ++++++++-----------
 .../coffeechat/CoffeeRecentChatList/index.tsx | 13 +++++--------
 2 files changed, 13 insertions(+), 19 deletions(-)

diff --git a/src/components/coffeechat/CoffeeChatCard/index.tsx b/src/components/coffeechat/CoffeeChatCard/index.tsx
index 6e088b697..d340bcdc9 100644
--- a/src/components/coffeechat/CoffeeChatCard/index.tsx
+++ b/src/components/coffeechat/CoffeeChatCard/index.tsx
@@ -214,19 +214,12 @@ const Container = styled(m.div)<{ isEmptyData?: boolean; isBlurred?: boolean; is
   @media ${MB_BIG_MEDIA_QUERY} {
     gap: 4px;
     border-radius: 20px;
-    width: calc(100vw - 30px);
-    min-width: calc(100vw - 30px);
+    width: calc(100vw - 40px);
+    min-width: calc(100vw - 40px);
+    height:234px;
   }
+  
 
-  @media ${MB_MID_MEDIA_QUERY} {
-    width: 320px;
-    min-width: 320px;
-  }
-  @media ${MB_SM_MEDIA_QUERY} {
-    width: 280px;
-    min-width: 280px;
-    max-width: 280px;
-  }
 `;
 
 const Title = styled.div`
@@ -291,6 +284,7 @@ const ProfileSection = styled.div`
 const ImageBox = styled.div`
   position: relative;
   width: 70px;
+  min-width:70px;
   height: 70px;
   clip-path: circle(50%);
 `;
@@ -356,6 +350,9 @@ const TagSection = styled.div`
       font-size: 11px !important;
     }
   }
+  @media ${MB_BIG_MEDIA_QUERY}{
+    width:100%;
+  }
 `;
 
 const InfoSection = styled.div`
diff --git a/src/components/coffeechat/CoffeeRecentChatList/index.tsx b/src/components/coffeechat/CoffeeRecentChatList/index.tsx
index cbea98903..31d7e1245 100644
--- a/src/components/coffeechat/CoffeeRecentChatList/index.tsx
+++ b/src/components/coffeechat/CoffeeRecentChatList/index.tsx
@@ -369,15 +369,12 @@ const StyledScrollCarousel = styled(ScrollCarousel)`
   }
 
   @media ${MB_BIG_MEDIA_QUERY} {
-    width: 390px;
-    height: 298px;
-  }
-  @media ${MB_MID_MEDIA_QUERY} {
-    width: 320px;
-  }
-  @media ${MB_SM_MEDIA_QUERY} {
-    width: 280px;
+    padding-right:20px;
+    padding-left:20px;
+    width: 100%;
+    height: 100%;
   }
+
 `;
 
 export const CardContainer = styled.div`