Hotfix: 커피챗 디자인 QA 수정 (#1678)

* feat: scroll error fix * fix: 카드 margin 해결 * feat: MO Tagsection Width 지정 * feat: MO Tagsection 수정
sopt-makers · Nov 7, 2024 · f8ac3fe · f8ac3fe
1 parent 1b6a80f
commit f8ac3fe
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 19 deletions.
diff --git 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
@@ -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`