diff --git a/apps/client/app/(afterLogin)/my-study/my-assignment/_components/AssignmentContent/EmptyAssignmentBox.tsx b/apps/client/app/(afterLogin)/my-study/my-assignment/_components/AssignmentContent/EmptyAssignmentBox.tsx index 2ba268ba..13eba465 100644 --- a/apps/client/app/(afterLogin)/my-study/my-assignment/_components/AssignmentContent/EmptyAssignmentBox.tsx +++ b/apps/client/app/(afterLogin)/my-study/my-assignment/_components/AssignmentContent/EmptyAssignmentBox.tsx @@ -7,7 +7,7 @@ export const EmptyAssignmentBox = () => { style={boxStyle} text={ - 과제가 없어요 + 과제가 없어요. } /> diff --git a/apps/client/app/(afterLogin)/my-study/my-assignment/_components/AssignmentContent/index.tsx b/apps/client/app/(afterLogin)/my-study/my-assignment/_components/AssignmentContent/index.tsx index fbb95426..eeb5ad61 100644 --- a/apps/client/app/(afterLogin)/my-study/my-assignment/_components/AssignmentContent/index.tsx +++ b/apps/client/app/(afterLogin)/my-study/my-assignment/_components/AssignmentContent/index.tsx @@ -1,5 +1,6 @@ import { css } from "@styled-system/css"; import { Flex } from "@styled-system/jsx"; +import { Space } from "@wow-class/ui"; import { myStudyApi } from "apis/myStudyApi"; import { studyDetailApi } from "apis/studyDetailApi"; import { routePath } from "constants/routePath"; @@ -26,8 +27,9 @@ export const AssignmentContent = async () => { if (studyDashboard.submittableAssignments.length === 0) { return (
- + +
); 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({