diff --git a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx index 89064a6d..7f39fbf1 100644 --- a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx +++ b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx @@ -78,7 +78,13 @@ const StudyItem = ({ study, appliedStudyId }: StudyItemProps) => { {mentorName} 멘토 - {studyTime} + + {studyTime} + {totalWeek}주 코스 @@ -136,21 +142,36 @@ const dateStyle = css({ textOverflow: "ellipsis", width: "38px", }, + "@media (max-width: 959px)": { + display: "none", + }, }); -const timeCellStyle = css({ - width: "162px", - display: "flex", - paddingLeft: "28px", - textAlign: "center", - "@media (max-width: 1439px)": { - overflow: "hidden", - whiteSpace: "nowrap", - textOverflow: "ellipsis", - padding: "0", +const timeCellStyle = cva({ + base: { + width: "162px", + display: "flex", + paddingLeft: "28px", + textAlign: "center", + "@media (min-width: 1200px) and (max-width: 1400px)": { + overflow: "hidden", + whiteSpace: "nowrap", + textOverflow: "ellipsis", + padding: "0 !important", + justifyContent: "center", + }, + "@media (max-width: 1199px)": { + display: "none !important", + }, }, - "@media (max-width: 1199px)": { - display: "none", + variants: { + type: { + empty: { + paddingLeft: "0 !important", + justifyContent: "center", + }, + default: {}, + }, }, }); const textCellStyle = cva({