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({