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

[공통] @emotion/react css prop 설정 적용 및 기본 레이아웃 #3

Merged
merged 8 commits into from
Feb 9, 2024

Conversation

MinGu-Jeong
Copy link
Collaborator

[#1 ] request

@emotion/react 의 css prop 설정을 적용한 예시 코드를 기본 레이아웃 DefaultLayout 컴포넌트에 적용시켜놨습니다.
확인해보시고 페이지 구현에 참조하시면 될 것 같습니다.

Please check if the PR fulfills these requirements

  • It's submitted to develop branch, not the main branch
  • The commit message follows our guidelines
  • Did you merge recent develop branch?

Screenshot

스크린샷 2024-02-09 오후 8 36 20 스크린샷 2024-02-09 오후 8 36 34 스크린샷 2024-02-09 오후 8 36 44

Precautions (main files for this PR ...)

Close #1

@MinGu-Jeong MinGu-Jeong added the enhancement New feature or request label Feb 9, 2024
@MinGu-Jeong MinGu-Jeong self-assigned this Feb 9, 2024
<div css={S.sideBarStyle}>
<img src="/src/assets/image/BCSD_logo-01.png" alt="logo" css={S.logoStyle} />
<Button variant="outlined" color="secondary" sx={{ marginTop: '20px' }}>회원정보</Button>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

sx는 무엇인가여?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

MUI에서 제공하는 컴포넌트의 스타일 속성을 수정하고자 할 때 사용하는 속성입니다.
https://mui.com/system/getting-started/the-sx-prop/

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

옹... css props랑 섞일 염려가 돼서 적당한 타협점을 잘 찾아봐야겠네요 👀

@MinGu-Jeong MinGu-Jeong merged commit 014bdb8 into main Feb 9, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[공통] 사이드바, Nav등 전반적인 디자인
2 participants