From 57fc6292ee8313c1b0be95210e36a1a3dd1bfed9 Mon Sep 17 00:00:00 2001 From: hayoun Date: Thu, 7 Nov 2024 19:45:21 +0900 Subject: [PATCH 1/4] feat: scroll error fix --- .../coffeechat/CoffeeRecentChatList/index.tsx | 13 +++++-------- 1 file changed, 5 insertions(+), 8 deletions(-) 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` From 3889406ebd0ed0b7ad89233f7b1f285afae74a3f Mon Sep 17 00:00:00 2001 From: hayoun Date: Thu, 7 Nov 2024 19:56:49 +0900 Subject: [PATCH 2/4] =?UTF-8?q?fix:=20=EC=B9=B4=EB=93=9C=20margin=20?= =?UTF-8?q?=ED=95=B4=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../coffeechat/CoffeeChatCard/index.tsx | 17 +++++------------ 1 file changed, 5 insertions(+), 12 deletions(-) diff --git a/src/components/coffeechat/CoffeeChatCard/index.tsx b/src/components/coffeechat/CoffeeChatCard/index.tsx index 6e088b697..04afb9e19 100644 --- a/src/components/coffeechat/CoffeeChatCard/index.tsx +++ b/src/components/coffeechat/CoffeeChatCard/index.tsx @@ -187,7 +187,7 @@ const Container = styled(m.div)<{ isEmptyData?: boolean; isBlurred?: boolean; is padding: 32px; width: 420px; min-width: 420px; - height: 280px; + height: 100%; overflow: hidden; ${({ isEmptyData }) => isEmptyData && @@ -214,19 +214,11 @@ 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); } - @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 +283,7 @@ const ProfileSection = styled.div` const ImageBox = styled.div` position: relative; width: 70px; + min-width:70px; height: 70px; clip-path: circle(50%); `; From a356abd4e8ba98227d188e738b7bd0ab81f5a54e Mon Sep 17 00:00:00 2001 From: hayoun Date: Thu, 7 Nov 2024 20:12:51 +0900 Subject: [PATCH 3/4] =?UTF-8?q?feat:=20=20MO=20Tagsection=20Width=20?= =?UTF-8?q?=EC=A7=80=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/coffeechat/CoffeeChatCard/index.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/coffeechat/CoffeeChatCard/index.tsx b/src/components/coffeechat/CoffeeChatCard/index.tsx index 04afb9e19..34328cc8c 100644 --- a/src/components/coffeechat/CoffeeChatCard/index.tsx +++ b/src/components/coffeechat/CoffeeChatCard/index.tsx @@ -187,7 +187,7 @@ const Container = styled(m.div)<{ isEmptyData?: boolean; isBlurred?: boolean; is padding: 32px; width: 420px; min-width: 420px; - height: 100%; + height: 280px; overflow: hidden; ${({ isEmptyData }) => isEmptyData && @@ -216,8 +216,9 @@ const Container = styled(m.div)<{ isEmptyData?: boolean; isBlurred?: boolean; is border-radius: 20px; width: calc(100vw - 40px); min-width: calc(100vw - 40px); + height:234px; } - + `; From 10a9b809e783dd875ebb291ec54dd835db6cee9b Mon Sep 17 00:00:00 2001 From: hayoun Date: Thu, 7 Nov 2024 21:01:56 +0900 Subject: [PATCH 4/4] =?UTF-8?q?feat:=20MO=20Tagsection=20=EC=88=98?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/coffeechat/CoffeeChatCard/index.tsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/components/coffeechat/CoffeeChatCard/index.tsx b/src/components/coffeechat/CoffeeChatCard/index.tsx index 34328cc8c..d340bcdc9 100644 --- a/src/components/coffeechat/CoffeeChatCard/index.tsx +++ b/src/components/coffeechat/CoffeeChatCard/index.tsx @@ -350,6 +350,9 @@ const TagSection = styled.div` font-size: 11px !important; } } + @media ${MB_BIG_MEDIA_QUERY}{ + width:100%; + } `; const InfoSection = styled.div`