feat-fe: 랜딩 페이지 구현 #658
feat-fe: 랜딩 페이지 구현 #658
Conversation
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
|
1726194771.226839 |
|
1726194775.397489 |
|
1726198771.026669 |
|
|
||
| background: linear-gradient(155deg, rgba(243, 217, 238, 1) 0%, rgba(255, 255, 255, 0) 100%), | ||
| linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); | ||
| `; |
There was a problem hiding this comment.
경계선이 생기는데 그냥 to Bottom으로 만들어도 괜찮을 것 같은데용!
There was a problem hiding this comment.
to Bottom으로 만들어도 괜찮다는 말을 이해하지 못했어요!
There was a problem hiding this comment.
| background: linear-gradient(155deg, rgba(243, 217, 238, 1) 0%, rgba(255, 255, 255, 0) 100%), | |
| linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); | |
| `; | |
| background: linear-gradient(to bottom, rgba(243, 217, 238, 1) 0%, | |
| rgba(243, 217, 238, 0.7) 70%, | |
| rgba(255, 255, 255, 0) 100%); | |
| `; |
이 형태를 말한거였어요~ 위 코드는 예시코드입니당 (안돌려봄)
There was a problem hiding this comment.
Values
The values to top, to bottom, to left, and to right are equivalent to the angles 0deg, 180deg, 270deg, and 90deg, respectively. The other values are translated into an angle.
to bottom이라는 값이 있군요.🫢 몰랐습니다.
시안대로 구현하려면 to right bottom으로 하면 되겠네요.
이 부분은 리팩토링 PR 생성하면 반영하도록 할게요~
frontend/src/pages/Landing/style.ts
Outdated
| & > svg { | ||
| display: block; | ||
| font-size: 4rem; | ||
| color: ${({ theme }) => theme.baseColors.purplescale[500]}; | ||
|
|
||
| animation: ${bounce} 2s infinite; | ||
| } |
There was a problem hiding this comment.
개인적으로 chevron이 살짝 높게 떠있는 느낌이 드는데 조금 아래로 내리는 건 어떤가용?!
frontend/src/pages/Landing/index.tsx
Outdated
| <Button | ||
| size="fillContainer" | ||
| onClick={() => navigate(routes.signUp())} | ||
| color="primary" | ||
| > | ||
| 크루루 새로 시작하기 | ||
| </Button> |
There was a problem hiding this comment.
크루루 새로 시작하기 폰트가 조금 작아보여요. 어떻게 생각하세욥?!
There was a problem hiding this comment.
아무래도 너비가 길어져서 더 작아보이나봐요. 버튼 높이도 조금 작은 감이 있어서 함께 키우겠습니다~
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Kim Da Eun <[email protected]>
목적
구현 목록
참고사항
LAND_01
closes #657