[Feat/#91] SelectStationModal 컴포넌트 구현 #96
Conversation
| export const modalLayoutStyle = style([ | ||
| flexGenerator('column', 'flex-start', 'flex-start'), | ||
| { | ||
| maxWidth: 430, |
There was a problem hiding this comment.
전역으로 변수 설정해줬으니까 maxWidth: 'var(--max-width)', 이런 식으로 쓰는 게 더 좋을 것 같습니다!
| gap: '1rem', | ||
| paddingLeft: '2rem', | ||
| width: '100%', | ||
| maxHeight: 'calc(100dvh - 8rem - 7.3rem - 4rem - 6rem)', |
| '::-webkit-scrollbar-thumb': { | ||
| backgroundColor: vars.colors.gray300, | ||
| borderRadius: 50, | ||
| border: '6px solid white', |
| setCurrentLocation(location); | ||
| }; | ||
|
|
||
| console.log(currentLocation); |
| import { Modal } from '@components'; | ||
| import { useModal } from '@hooks'; | ||
| import { SelectStationModal } from '@pages/view/components'; | ||
| import { useState } from 'react'; |
There was a problem hiding this comment.
import { useState } from 'react'; 가 맨 위로 오게.. 하는 게 더 자연스러워 보이는데 어떨까요..?
| }; | ||
| return ( | ||
| <> | ||
| <Header /> |
There was a problem hiding this comment.
아래 레이아웃으로 깔리는 헤더도 z-index가 1이고 여기에서 불러오는 헤더도 1일 텐데 괜찮을까요..?
| @@ -91,7 +91,7 @@ export const vars = createGlobalTheme(':root', { | |||
| }, | |||
| head09_r_18: { | |||
| fontWeight: '400', | |||
| fontSize: '2rem', | |||
| fontSize: '1.8rem', | |||
| export const footerSection = style({ | ||
| width: '100%', | ||
| marginTop: 'auto', | ||
| padding: '0 2rem', |
There was a problem hiding this comment.
피그마에 있는 패딩 값이랑 좀 다른 것 같습니다.. 🥹 확인 부탁드려요!
| maxHeight: '5.6rem', | ||
| minHeight: '5.6rem', |
There was a problem hiding this comment.
flexShrink: 0으로 주면 height이 고정될 것 같습니다!
|
🍰 Storybook 배포가 완료되었습니다! 🔗 https://677cb5c3ab50c3f524eaae19-yyazkbksmq.chromatic.com/ |
There was a problem hiding this comment.
@youtheyeon 님의 공격적인 코리에 큰 공감을 하며, 저는 부드럽게 어푸푸 남기고 갑니다. (꼼꼼하게 다 봤습니다 진짜요)
|
🍰 Storybook 배포가 완료되었습니다! 🔗 https://677cb5c3ab50c3f524eaae19-ghosuwyxcv.chromatic.com/ |
|
🍰 Storybook 배포가 완료되었습니다! 🔗 https://677cb5c3ab50c3f524eaae19-fpiduevgxz.chromatic.com/ |
📌 관련 이슈번호
체크리스트
✅ Key Changes
이 state가 없을 시 지하철역을 선택할 때마다 currentLocation이 수정되어야 하는 불편함이 있기 때문에 이를 만들었습니다.
📢 To Reviewers
📸 스크린샷 or 실행영상