diff --git a/src/stories/chat/parts/comment.tsx b/src/stories/chat/parts/comment.tsx index c2d57a30..33751b7e 100644 --- a/src/stories/chat/parts/comment.tsx +++ b/src/stories/chat/parts/comment.tsx @@ -42,6 +42,9 @@ const Footer = styled.div` justify-content: flex-end; gap: ${({ theme }) => theme.space.xs}; `; +const CommentTitle = styled(Title)` +color: ${({ theme }) => theme.palette.blue[600]}; +` export const Comment = ({ author, @@ -59,10 +62,10 @@ export const Comment = ({ {author.avatar}
- + <CommentTitle> {author.name ?? "User"} <CommentDate>{date}</CommentDate> - + {message} diff --git a/src/stories/chat/parts/containers.tsx b/src/stories/chat/parts/containers.tsx index 3a046e10..1da65a56 100644 --- a/src/stories/chat/parts/containers.tsx +++ b/src/stories/chat/parts/containers.tsx @@ -18,4 +18,5 @@ export const MessagesContainer = styled.div` gap: ${({ theme }) => theme.space.xs}; background: ${({ chatBkg }) => chatBkg ?? `#fff`}; overflow-y: auto; + border-top: ${({ theme }) => `1px solid ${theme.palette.grey[200]}`}; `; diff --git a/src/stories/chat/parts/header.tsx b/src/stories/chat/parts/header.tsx index e424d752..de13df36 100644 --- a/src/stories/chat/parts/header.tsx +++ b/src/stories/chat/parts/header.tsx @@ -5,5 +5,4 @@ export const ChatTitle = styled(Title)` color: ${({ theme }) => theme.palette.blue[600]}; margin: ${({ theme }) => `0 -${theme.space.md}`}; padding: ${({ theme }) => `${theme.space.sm} ${theme.space.md}`}; - border-bottom: ${({ theme }) => `1px solid ${theme.palette.grey[200]}`}; `; diff --git a/src/stories/editor/editorHeader.tsx b/src/stories/editor/editorHeader.tsx index 962722ca..70886a8e 100644 --- a/src/stories/editor/editorHeader.tsx +++ b/src/stories/editor/editorHeader.tsx @@ -7,7 +7,6 @@ const Header = styled.div` display: flex; flex-direction: column; padding: ${({ theme }) => theme.space.xs} ${({ theme }) => theme.space.md}; - border-bottom: 1px solid ${({ theme }) => theme.palette.grey[300]}; `; const Title = styled(MD)`