Merge pull request #214 from sharemindteam/hotfix/minder_consult_cutt…

…ed_206 [Hotfix] 모바일 상담 탭 카드 텍스트 짤림 이슈 해결
sharemindteam · Apr 14, 2024 · fc695b9 · fc695b9
2 parents f173ae4 + 113759f
commit fc695b9
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 13 deletions.
diff --git 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
@@ -59,13 +59,13 @@ 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}>
+          <Caption2 color={consultStatus === '상담 종료' ? Grey4 : Grey2}>
             {beforeMinutes}
-          </MinutesBefore>
+          </Caption2>
         </div>
 
         {/* 상담사 프로필 상태에 따른 캐릭터 이미지 */}
@@ -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 {
@@ -140,25 +140,20 @@ const OngoingCounsultBoxWrapper = styled.div`
   }
 `;
 
-const Name = styled(Body1)``;
-
 const Circle = styled.div`
   width: 0.2rem;
   height: 0.2rem;
   border-radius: 100%;
   background-color: ${Grey3};
 `;
-const MinutesBefore = styled(Caption2)``;
 
 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;
 `;
 
@@ -174,4 +169,5 @@ const NewMessageCounts = styled.div`
   align-items: center;
   background-color: ${Green};
 `;
+
 export default OngoingCounsultBox;