feat : seperator for lecture classification sidebar

kasterra · May 24, 2024 · 6e4d020 · 6e4d020
1 parent d0bc3b0
commit 6e4d020
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/app/css/normalize.css b/app/css/normalize.css
@@ -52,8 +52,11 @@ h1 {
 
 hr {
   box-sizing: content-box; /* 1 */
-  height: 0; /* 1 */
+  height: 1px; /* 1 */
+  width: 100%;
   overflow: visible; /* 2 */
+  border: none;
+  background-color: #eaecf0;
 }
 
 /**

diff --git a/app/routes/_procted+/lectures+/$lectureId+/_layout/index.tsx b/app/routes/_procted+/lectures+/$lectureId+/_layout/index.tsx
@@ -121,6 +121,8 @@ const LectureDetail = () => {
               setSuperIsLoading={setIsLoading}
             />
           ))}
+
+        <hr />
         <h4>진행중인 실습</h4>
 
         {currentLecture!.practices
@@ -139,11 +141,13 @@ const LectureDetail = () => {
             />
           ))}
 
+        <hr />
+
         {auth.role === "professor" && (
           <>
             <h4>진행 예정 실습</h4>
             {currentLecture!.practices
-              .filter((practice) => new Date(practice.end_time) < new Date())
+              .filter((practice) => new Date(practice.start_time) > new Date())
               .map((practice) => (
                 <PracticeDetail
                   lectureName={currentLecture!.title}
@@ -153,11 +157,11 @@ const LectureDetail = () => {
                   setSuperIsLoading={setIsLoading}
                 />
               ))}
+            <hr />
           </>
         )}
 
-        <hr />
-
+        <h4>관리 도구</h4>
         <ButtonElement
           title="내 제출물 다운받기"
           onButtonClick={() => setIsDownloadMyCodesModalOpen(true)}