Skip to content
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

feat: AB logo #87

Merged
merged 12 commits into from
Dec 8, 2023
Merged

feat: AB logo #87

merged 12 commits into from
Dec 8, 2023

Conversation

Jinho1011
Copy link
Member

image

closes #86

로그인 페이지가 안보이던 문제를 해결하고 변경된 디자인을 반영했습니다.

로그인 페이지를 구현하면서 유용한 공용 컴포넌트를 또 만들어봤는데요,

바로 RowCol입니다.

지금까지 FlexBox 배치를 위해 매번 styled 객체를 생성해야 하는 불편함이 있었죠?

이제는 미리 구현된 Flex 레이아웃 컴포넌트를 사용해 이를 대체할 수 있습니다.

아래와 같이 간단하게 사용할 수 있습니다.

<Row padding={'0 20px'} gap={'17px'}>
  <Divider />
  <Text size={15} noWrap>
    간편 가입하기
  </Text>
  <Divider />
</Row>

그리고 보시면 아시겠지만 Text 컴포넌트에 noWrap:boolean 속성이 추가되었습니다.

텍스트가 길어서 부모 요소 안의 가로폭을 넘어가더라도 자동으로 줄바꿈이 일어나게 하고 싶지 않은 경우 noWrap을 전달하면 됩니다.

기본값은 false입니다.

@Jinho1011 Jinho1011 merged commit d2ccd56 into dev Dec 8, 2023
1 check passed
@Jinho1011 Jinho1011 deleted the fix/login-ui branch December 25, 2023 07:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

로그인 화면 디자인 수정사항 반영
1 participant