feat: ui 수정

- 8px 간격 추가 - 과제 박스는 순서대로 정렬
GDSC-Hongik · Jan 5, 2025 · 2281b03 · 2281b03
1 parent 5f61619
commit 2281b03
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/...gin)/my-study/my-assignment/_components/AssignmentContent/AssignmentOverviewBox/index.tsx b/...gin)/my-study/my-assignment/_components/AssignmentContent/AssignmentOverviewBox/index.tsx
@@ -57,6 +57,7 @@ export const AssignmentOverviewBox = async ({
                   target="_blank"
                   text="과제 명세 확인"
                 />
+                <Space height={8} />
                 <AssignmentBoxInfo
                   assignment={assignment}
                   repositoryLink={repositoryLink}

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
@@ -43,11 +43,13 @@ export const AssignmentContent = async () => {
         flexDirection={isAnyFirstWeekAssignment ? "row-reverse" : "row"}
         gap="lg"
       >
-        <AssignmentOverviewBox
-          assignments={studyDashboard.submittableAssignments}
-          buttonsDisabled={!studyDashboard.repositoryLink}
-          repositoryLink={studyDashboard.repositoryLink}
-        />
+        <Flex flexDirection="row" gap="lg">
+          <AssignmentOverviewBox
+            assignments={studyDashboard.submittableAssignments}
+            buttonsDisabled={!studyDashboard.repositoryLink}
+            repositoryLink={studyDashboard.repositoryLink}
+          />
+        </Flex>
         <RepositorySubmissionBox
           repositoryLink={studyDashboard.repositoryLink}
         />