Skip to content

Commit

Permalink
[픽스] 식단 펼치기 기능 화살표 방향 문제 해결 (#17)
Browse files Browse the repository at this point in the history
* refactor: 화살표 방향 수정

* refactor: 코드 가독성 향상
- css trasform 함수 중복 제거
- close -> open 으로 바꿔서 상태 단축
  • Loading branch information
JeongWon-CHO authored Sep 28, 2024
1 parent f7e11e0 commit 7d6efe5
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 2 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -172,7 +172,7 @@
.arrow-icon {
transition: all 0.4s ease;

&__transform {
&--open {
transform: rotate(180deg);
}
}
2 changes: 1 addition & 1 deletion src/pages/Coop/components/DiningBlocks/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -150,7 +150,7 @@ export default function DiningBlocks({ diningType, date }: DiningBlocksProps) {
<svg
className={cn({
[styles['arrow-icon']]: true,
[styles['arrow-icon__transform']]: !hiddenDiningIdList.includes(dining.id),
[styles['arrow-icon--open']]: hiddenDiningIdList.includes(dining.id),
})}
width="20"
height="21"
Expand Down

0 comments on commit 7d6efe5

Please sign in to comment.