Merge pull request #249 from BCSDLab/feat/#248/resolve-timetable-QA-i…

…ssue [시간표] 시간표 2차 스프린트 이슈 해결 (강의 정보, 타임테이블)
BCSDLab · May 9, 2024 · 4c5ade1 · 4c5ade1
2 parents 1ca4f5d + a0c62b0
commit 4c5ade1
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git a/src/components/TimetablePage/LectureTable/index.tsx b/src/components/TimetablePage/LectureTable/index.tsx
@@ -62,14 +62,15 @@ function LectureTable({
               key={header.key}
             >
               {header.label}
-              {headerIndex !== LECTURE_TABLE_HEADER.length - 1 && (
+              {/* 내림차순 기능 추가할때 다시 복구 */}
+              {/* {headerIndex !== LECTURE_TABLE_HEADER.length - 1 && (
                 <>
                   <button type="button" className={styles.table__button}>
                     <img src="https://static.koreatech.in/assets/img/ic-arrow-down.png" alt="내림차순" />
                   </button>
                   <div className={styles.table__resize} aria-hidden />
                 </>
-              )}
+              )} */}
             </div>
           ))}
         </div>

diff --git a/src/components/TimetablePage/Timetable/Timetable.module.scss b/src/components/TimetablePage/Timetable/Timetable.module.scss
@@ -43,8 +43,8 @@
     &--time {
       & > div {
         display: flex;
-        padding-left: 3px;
         align-items: center;
+        justify-content: center;
         font-family: Arial, Helvetica, sans-serif;
       }
     }
@@ -87,7 +87,7 @@
     flex-direction: column;
     position: absolute;
     z-index: 3;
-    padding: 4px 2px 0;
+    padding: 6px 4px 0;
     font-size: 0.9em;
     line-height: 1.2;
     font-family: NanumSquare, serif;

diff --git a/src/components/TimetablePage/Timetable/index.tsx b/src/components/TimetablePage/Timetable/index.tsx
@@ -83,9 +83,7 @@ function Timetable({
               // eslint-disable-next-line react/no-array-index-key
               key={`value-${index}`}
             >
-              <div>
-                {value}
-              </div>
+              {value}
             </div>
           ))}
           <div style={{ height: `${rowHeight * 2}px` }}>
@@ -111,9 +109,9 @@ function Timetable({
                 key={lectureIndex}
                 style={{
                   backgroundColor: BACKGROUND_COLOR[lectureIndex % 11],
-                  top: `${start * rowHeight}px`,
+                  top: `${start * rowHeight + 1}px`,
                   width: isMobile ? undefined : `${columnWidth}px`,
-                  height: `${(end - start + 1) * rowHeight}px`,
+                  height: `${(end - start + 1) * rowHeight - 1}px`,
                 }}
               >
                 <h4>