-
Notifications
You must be signed in to change notification settings - Fork 3
[Feature][Card Collection] min Header + 필터 모달 #260
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
NYeonK
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
징짜 므싯는 사람..✨😎👍🤩
열심히 코드 읽었습니당:) 버튼 안보이게 하는거 어떻게 만들지 궁금했는데 역시 오빤 최고야
고생했오야~!~!!!!!!!
| import St from "./style"; | ||
|
|
||
| type ModalTheme = "DEFAULT" | "WHITE" | "GRAY"; | ||
| type ModalTheme = "DEFAULT" | "WHITE_BOTTOM" | "GRAY_BOTTOM"; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
_BOTTOM 붙인 거 좋아요~!~!! 어떤 모달인지 생각하는 시간도 줄어들 것 같네용ㅎ
| </St.ModalContentsWrapper> | ||
|
|
||
| <St.CheckRandomWrapper onClick={() => setShouldRandom((prev) => !prev)}> | ||
| <p>랜덤으로 카드를 보여주세요</p> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
태그 없어도 괜찮지 않을까요?! 필요하다면 St로 바꿔줍시당~😚
| <rect width="16" height="16" fill={isChecked ? "#19BE7E" : "#E0E0E0"} /> | ||
| <path | ||
| d="M3 7.88235L5.96021 11.1734C6.35748 11.6151 7.04992 11.6151 7.44719 11.1734L13 5" | ||
| stroke={isChecked ? "white" : "#C2C2C2"} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
어 뭐지 아주 좋은데??????
| const bottomUp = keyframes` | ||
| from { | ||
| transform: translateY(60rem); | ||
| } | ||
| to { | ||
| transform: translateY(0); | ||
| } | ||
| `; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
오호 from-to 신기해!👀👀
| } | ||
| setIsVisibleCTAButton(false); | ||
| }, | ||
| { threshold: 0.3 }, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
요거는 버튼이 화면에 30%으로 이상 보일 때를 말하는 걸까요?-? 0.3의 기준이 궁금합니당
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
맞아요 !!~ 화면(viewport)에 30%가 보일 때(intersect) 콜백함수가 동작합니다!
Add
|
📌 내용
4hWHITE_BOTTOM으로 태깅을 바꿨어요GRAY_BOTTOM으로 태깅을 수정하였습니다! (가운데에 오는지, 아래에 붙어있는지 구분하기 위함) 피드백 해주세요!!~📌 내가 알게 된 부분
📸 스크린샷
2023-04-11._2.mp4