🩹 시간표에서 hover했을 때 강의목록에 스타일 반영 안되는 이슈 픽스 (#154)

wafflestudio · May 26, 2024 · d3e9c40 · d3e9c40
1 parent 1443acb
commit d3e9c40
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/...ient/src/pages/main/main-lecture-section/common/main-lecture-listitem/index.component.tsx b/...ient/src/pages/main/main-lecture-section/common/main-lecture-listitem/index.component.tsx
@@ -24,7 +24,11 @@ export const MainLectureListitem = ({
 
   return (
     <div
-      className={clsx(styles.wrapper, vm.wrapper.isClickableStyle && styles.clickable)}
+      className={clsx(
+        styles.wrapper,
+        vm.wrapper.isClickableStyle && styles.clickable,
+        vm.wrapper.isHoveredStyle && styles.hovered,
+      )}
       onMouseEnter={vm.wrapper.onMouseEnter}
       onMouseLeave={vm.wrapper.onMouseLeave}
       onClick={vm.wrapper.onClick}

diff --git a/...bclient/src/pages/main/main-lecture-section/common/main-lecture-listitem/index.module.css b/...bclient/src/pages/main/main-lecture-section/common/main-lecture-listitem/index.module.css
@@ -4,7 +4,7 @@
   flex-direction: column;
   transition: background-color 0.1s;
 }
-.wrapper:hover {
+.wrapper.hovered {
   background-color: #ddd;
 }
 .wrapper.clickable {