-
Notifications
You must be signed in to change notification settings - Fork 2
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
SKRF-447 행사정보 작성페이지 2차 QA #206
Conversation
const EventFormContainer = styled.form` | ||
display: flex; | ||
position: relative; | ||
flex-wrap: wrap; | ||
width: 100%; | ||
height: 100%; | ||
padding: 3rem 0; | ||
|
||
& > div:first-of-type { | ||
padding-right: 1.5rem; | ||
border-right: 1px solid ${Theme.color.tSeparator}; | ||
@media (min-width: 1023px) { | ||
padding-right: 1.5rem; | ||
border-right: 1px solid ${Theme.color.tSeparator}; | ||
} | ||
} | ||
|
||
& > div:nth-last-of-type(2) { | ||
padding-left: 1.5rem; | ||
@media (min-width: 1023px) { | ||
padding-left: 1.5rem; | ||
} | ||
} | ||
& > div:first-child > div:nth-last-of-type(2) { | ||
flex-grow: 1; | ||
} | ||
`; | ||
const ContentArea = styled.div` | ||
width: 50%; | ||
min-width: 50%; | ||
min-height: 100%; | ||
display: flex; | ||
flex-direction: column; | ||
gap: 1rem; | ||
|
||
& > div:last-of-type { | ||
@media (max-width: 1023px) { | ||
padding-bottom: 1.5rem; | ||
margin-bottom: 2rem; | ||
} | ||
} | ||
`; | ||
const TwoInputContainer = styled.div` | ||
display: flex; |
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 EventFormContainer = styled.form`
display: flex;
position: relative;
flex-wrap: wrap;
width: 100%;
height: 100%;
padding: 3rem 0;
gap: 1rem;
`;
const ContentArea = styled.div`
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 1rem;
`;
const TwoInputContainer = styled.div`
display: flex;
gap: 0.5rem;
&:last-of-type {
padding-top: 1rem;
border-top: 1px solid ${Theme.color.tSeparator};
}
`;
이렇게 하는걸 의도하신게 아닐까 생각하고 수정해봤어요! 한번 적용하고 확인 부탁드립니다!
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.
감사합니다!! 일부 수정하여 반영했습니다:)
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.
수고하셨습니다 :)
📝요구사항과 구현내용
구현 스크린샷
✨pr포인트 & 궁금한 점