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 ( { @@ -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..0f7f8e98 100644 --- a/src/components/Seller/Common/OngoingCounsultBox.tsx +++ b/src/components/Seller/Common/OngoingCounsultBox.tsx @@ -59,13 +59,13 @@ function OngoingCounsultBox({ )}
- + {counselorName} - + - + {beforeMinutes} - +
{/* 상담사 프로필 상태에 따른 캐릭터 이미지 */} @@ -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;