-
Notifications
You must be signed in to change notification settings - Fork 0
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
Conversation
<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> |
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.
sx는 무엇인가여?
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.
MUI에서 제공하는 컴포넌트의 스타일 속성을 수정하고자 할 때 사용하는 속성입니다.
https://mui.com/system/getting-started/the-sx-prop/
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.
옹... css props랑 섞일 염려가 돼서 적당한 타협점을 잘 찾아봐야겠네요 👀
[#1 ] request
@emotion/react 의 css prop 설정을 적용한 예시 코드를 기본 레이아웃
DefaultLayout
컴포넌트에 적용시켜놨습니다.확인해보시고 페이지 구현에 참조하시면 될 것 같습니다.
Please check if the PR fulfills these requirements
develop
branch, not themain
branchdevelop
branch?Screenshot
Precautions (main files for this PR ...)
Close #1