-
Notifications
You must be signed in to change notification settings - Fork 5
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
[FE] 랜딩페이지 구현 #418
[FE] 랜딩페이지 구현 #418
Conversation
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.
대다리 그자체 고생했어요~
<Nav /> | ||
<MainSection /> | ||
<DescriptionSection /> | ||
<AddBillSection /> | ||
<AddMemberSection /> | ||
<MemberReportSection /> |
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.
넘 깔끔쓰
<Text size="subTitle">지출내역을 쉽게 추가하세요</Text> | ||
<Text size="body" textColor="gray"> | ||
{`나중에 한번에 기록할 수도 있지만, | ||
실시간으로 기록해 놓을 수 있어요`} |
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.
실시간 언급 좋아요
<Text style={{textAlign: 'center'}} size="subTitle" textColor="gray">{`주환이가 먼저 집에 가도 | ||
소연이가 늦게 도착해도 | ||
건상이가 술을 마시지 않아도 | ||
`}</Text> |
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 fadeIn = keyframes` | ||
from { | ||
opacity: 0; | ||
} | ||
to { | ||
opacity: 1; | ||
} | ||
`; | ||
|
||
const slideIn = keyframes` | ||
from { | ||
transform: translateY(1rem); | ||
} | ||
to { | ||
transform: translateY(0); | ||
} | ||
`; | ||
|
||
const bounce = keyframes` | ||
0%, 100% { | ||
transform: translate(-50%, 0); | ||
} | ||
50% { | ||
transform: translate(-50%, -1rem); | ||
} | ||
`; | ||
|
||
const animateWithDelay = (delay: number) => css` | ||
opacity: 0; | ||
animation: | ||
${fadeIn} 1s ease-in-out ${delay}s forwards, | ||
${slideIn} 1s ease-in-out ${delay}s forwards; | ||
`; |
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.
와우 애니메이션까지 넘 좋다
예비군 와서 확인해보니 cypress가 터져있네요... |
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.
역시 대-토다리 너무나도 이쁜 랜딩페이지 미쳐땽~
<Text style={{textAlign: 'center'}} size="subTitle" textColor="gray">{`주환이가 먼저 집에 가도 | ||
소연이가 늦게 도착해도 | ||
건상이가 술을 마시지 않아도 | ||
`}</Text> |
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.
멘트 뭔데 ㅋㅋㅋㅋㅋㅋㅋㅋ
issue
구현 목적
구현 내용
2024-08-21.6.35.33.mov
참고사항