From c6fba8c9b194370954cb99abaa221e62cf90bde6 Mon Sep 17 00:00:00 2001
From: kyuhho <rbgh0114@naver.com>
Date: Fri, 12 Apr 2024 22:15:50 +0900
Subject: [PATCH 1/5] feat: match consult card border-radius (#206)

---
 src/components/Buyer/Common/ConsultCard.tsx         | 7 ++++++-
 src/components/Seller/Common/OngoingCounsultBox.tsx | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/Buyer/Common/ConsultCard.tsx b/src/components/Buyer/Common/ConsultCard.tsx
index 65e6590f..6bd45fc7 100644
--- a/src/components/Buyer/Common/ConsultCard.tsx
+++ b/src/components/Buyer/Common/ConsultCard.tsx
@@ -54,6 +54,11 @@ export const ConsultCard = ({
     e?.stopPropagation();
     navigate('/reviewManage');
   };
+
+  //
+  //
+  //
+
   return (
     <Wrapper
       onClick={() => {
@@ -130,7 +135,7 @@ export const ConsultCard = ({
 const Wrapper = styled.div`
   width: 89%;
   background-color: ${Grey6};
-  border-radius: 1.2rem;
+  border-radius: 0.75rem;
   cursor: pointer;
   display: flex;
   flex-direction: column;
diff --git a/src/components/Seller/Common/OngoingCounsultBox.tsx b/src/components/Seller/Common/OngoingCounsultBox.tsx
index 92f9da51..6b99d47a 100644
--- a/src/components/Seller/Common/OngoingCounsultBox.tsx
+++ b/src/components/Seller/Common/OngoingCounsultBox.tsx
@@ -116,7 +116,7 @@ const OngoingCounsultBoxWrapper = styled.div`
   flex-direction: column;
   gap: 0.4rem;
   cursor: pointer;
-  border-radius: 0.4rem;
+  border-radius: 0.75rem;
   background-color: ${Grey6};
   margin: 0 2rem;
   .button {

From 748f23c7e44f31dee5ec8e154d8b35860e2467b8 Mon Sep 17 00:00:00 2001
From: kyuhho <rbgh0114@naver.com>
Date: Fri, 12 Apr 2024 22:17:39 +0900
Subject: [PATCH 2/5] chore: delete unusing styled component

---
 src/components/Seller/Common/OngoingCounsultBox.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/Seller/Common/OngoingCounsultBox.tsx b/src/components/Seller/Common/OngoingCounsultBox.tsx
index 6b99d47a..0ca7f0ea 100644
--- a/src/components/Seller/Common/OngoingCounsultBox.tsx
+++ b/src/components/Seller/Common/OngoingCounsultBox.tsx
@@ -59,9 +59,9 @@ function OngoingCounsultBox({
           </div>
         )}
         <div className="flex-1-1">
-          <Name color={consultStatus === '상담 종료' ? Grey3 : Black}>
+          <Body1 color={consultStatus === '상담 종료' ? Grey3 : Black}>
             {counselorName}
-          </Name>
+          </Body1>
           <Circle />
           <MinutesBefore color={consultStatus === '상담 종료' ? Grey4 : Grey2}>
             {beforeMinutes}
@@ -140,8 +140,6 @@ const OngoingCounsultBoxWrapper = styled.div`
   }
 `;
 
-const Name = styled(Body1)``;
-
 const Circle = styled.div`
   width: 0.2rem;
   height: 0.2rem;

From 1470369c8331ba726729b29b3fe3cfda99705ea5 Mon Sep 17 00:00:00 2001
From: kyuhho <rbgh0114@naver.com>
Date: Fri, 12 Apr 2024 22:18:33 +0900
Subject: [PATCH 3/5] chore: delete unsing styled component (#206)

---
 src/components/Seller/Common/OngoingCounsultBox.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/Seller/Common/OngoingCounsultBox.tsx b/src/components/Seller/Common/OngoingCounsultBox.tsx
index 0ca7f0ea..40ca875a 100644
--- a/src/components/Seller/Common/OngoingCounsultBox.tsx
+++ b/src/components/Seller/Common/OngoingCounsultBox.tsx
@@ -63,9 +63,9 @@ function OngoingCounsultBox({
             {counselorName}
           </Body1>
           <Circle />
-          <MinutesBefore color={consultStatus === '상담 종료' ? Grey4 : Grey2}>
+          <Caption2 color={consultStatus === '상담 종료' ? Grey4 : Grey2}>
             {beforeMinutes}
-          </MinutesBefore>
+          </Caption2>
         </div>
 
         {/* 상담사 프로필 상태에 따른 캐릭터 이미지 */}
@@ -146,7 +146,6 @@ const Circle = styled.div`
   border-radius: 100%;
   background-color: ${Grey3};
 `;
-const MinutesBefore = styled(Caption2)``;
 
 const Content = styled(Body3)`
   text-overflow: ellipsis;

From 951c8132ba357c26bc91820519000b66e823e93d Mon Sep 17 00:00:00 2001
From: kyuhho <rbgh0114@naver.com>
Date: Fri, 12 Apr 2024 22:18:53 +0900
Subject: [PATCH 4/5] chore: add breakline (#206)

---
 src/components/Seller/Common/OngoingCounsultBox.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Seller/Common/OngoingCounsultBox.tsx b/src/components/Seller/Common/OngoingCounsultBox.tsx
index 40ca875a..9e2402c1 100644
--- a/src/components/Seller/Common/OngoingCounsultBox.tsx
+++ b/src/components/Seller/Common/OngoingCounsultBox.tsx
@@ -171,4 +171,5 @@ const NewMessageCounts = styled.div`
   align-items: center;
   background-color: ${Green};
 `;
+
 export default OngoingCounsultBox;

From 113759fc6c7afe85b26423925efbfd5fe3b47915 Mon Sep 17 00:00:00 2001
From: kyuhho <rbgh0114@naver.com>
Date: Fri, 12 Apr 2024 22:33:03 +0900
Subject: [PATCH 5/5] chore: fix ongoing consult box css (#206)

---
 src/components/Seller/Common/OngoingCounsultBox.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/Seller/Common/OngoingCounsultBox.tsx b/src/components/Seller/Common/OngoingCounsultBox.tsx
index 9e2402c1..0f7f8e98 100644
--- a/src/components/Seller/Common/OngoingCounsultBox.tsx
+++ b/src/components/Seller/Common/OngoingCounsultBox.tsx
@@ -148,14 +148,12 @@ const Circle = styled.div`
 `;
 
 const Content = styled(Body3)`
-  text-overflow: ellipsis;
   width: calc(100% - 9rem);
+  max-height: 4.6rem;
   display: -webkit-box;
-  height: 4.7rem;
   -webkit-box-orient: vertical;
   overflow: hidden;
-  align-self: flex-end;
-  margin-bottom: 0.4rem;
+  margin-top: 0.5rem;
   -webkit-line-clamp: 2;
 `;