style: 중복된 강의 제목 방지 문구 추가 및 z-index 수정

TEAM-Hearus · Oct 16, 2024 · 774fd51 · 774fd51
1 parent 3b4dcd3
commit 774fd51
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/src/components/organisms/AddScheduleForm/AddScheduleForm.module.scss b/src/components/organisms/AddScheduleForm/AddScheduleForm.module.scss
@@ -145,3 +145,13 @@
   @include Regular_Sub_14;
   color: $brand-point;
 }
+.caption {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  @include Regular_Sub_14;
+  color: $light-font_9E;
+}
+.bottomCaption {
+  padding-left: 10px;
+}
diff --git a/src/components/organisms/AddScheduleForm/AddScheduleForm.tsx b/src/components/organisms/AddScheduleForm/AddScheduleForm.tsx
@@ -169,6 +169,12 @@ const AddScheduleForm = ({ onClose }: IProps) => {
           value={lectureInfo.title}
           onChange={handleChange}
         />
+        <div className={styles.caption}>
+          <p>* 강의 제목은 중복될 수 없습니다.</p>
+          <p className={styles.bottomCaption}>
+            시간이 다른 강의는 '경제학원론-화'와 같이 입력해주세요.
+          </p>
+        </div>
       </div>
       <div className={styles.colorSelectBox}>
         {Object.keys(COLORS).map((bgColor) => (

diff --git a/src/pages/Main/TimeTable/TimeTable.module.scss b/src/pages/Main/TimeTable/TimeTable.module.scss
@@ -50,4 +50,5 @@
   position: absolute;
   right: 4%;
   top: 70px;
+  z-index: 5;
 }