Refactor/css modal inner #487
Conversation
✅ Deploy Preview for biseo-preview ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
| @@ -1,8 +1,5 @@ | |||
| import React, { type PropsWithChildren } from "react"; | |||
| import { | |||
| BorderedBox, | |||
| Box, | |||
| Text, | |||
| GrayTextButton, | |||
| Scroll, | |||
There was a problem hiding this comment.
Lines 329-331에 사용되는 Scroll은 deprecated component 이어서 이부분도 scroll, scrollBar을 사용하게 바꾸는 것이 좋을 것 같아요!
| <BorderedBox | ||
| w={300} | ||
| bg="gray100" | ||
| borderSize={1} | ||
| borderStyle="solid" | ||
| dir="row" | ||
| align="center" | ||
| padRight={15} | ||
| > | ||
| <div css={[w(300), bg.gray100, row, align.center, padding.right(15), border]}> |
There was a problem hiding this comment.
이 BorderedBox는 borderColor attribute가 없기 때문에 border 색깔이 default로 transparent로 설정이 되어서 그냥 평범한 Box와 appearance가 똑같아요. 그래서 line 167에서 border attribute를 빼는 게 좋을 것 같은데, 어떻게 생각하시나요?
| <Text | ||
| color="gray500" | ||
| variant="subtitle" | ||
| <p | ||
| css={[colors.gray600, text.subtitle]} |
There was a problem hiding this comment.
여기 text 색깔을 gray500 에서 gray600으로 바꾼 이유가 있나요?
There was a problem hiding this comment.
그리고 colors => text 로 바꾸어야 할 것 같아요!
| {children} | ||
| </Text> | ||
| </BorderedBox> | ||
| <p css={[colors.gray600, text.subtitle]}>{children}</p> |
There was a problem hiding this comment.
text css에서는 colors.gray600 대신에 text.gray600을 사용하여야 색깔 설정이 되는 것 같아요.
| {children} | ||
| </Text> | ||
| </BorderedBox> | ||
| <p css={[colors.gray600, text.subtitle]}>{children}</p> |
There was a problem hiding this comment.
여기도 colors.gray600를 text.gray600으로 바꿔야 할 것 같아요!
| @@ -220,9 +178,9 @@ const TextButton: React.FC<SubmitProps> = ({ | |||
| }} | |||
| /> | |||
| <Button w={20} h={20} onClick={onSubmit}> | |||
| <Text css={[colors.blue600, text.boldtitle2, "line-height: 1"]}>+</Text> | |||
| <p css={[colors.blue600, text.boldtitle2, "line-height: 1"]}>+</p> | |||
There was a problem hiding this comment.
여기도 colors.blue600를 text.blue600으로 바꿔야 할 것 같아요!
| {children} | ||
| </Text> | ||
| </BorderedBox> | ||
| <p css={[colors.gray600, text.subtitle]}>{children}</p> |
There was a problem hiding this comment.
여기도 colors.gray600를 text.gray600으로 바꿔야 할 것 같아요!
| {children} | ||
| </Text> | ||
| </BorderedBox> | ||
| <p css={[colors.gray600, text.subtitle]}>{children}</p> |
There was a problem hiding this comment.
여기도 colors.gray600를 text.gray600으로 바꿔야 할 것 같아요!
요약 *
It closes #386
스크린샷
이후 Task *