diff --git a/src/pages/ChattingPage/ChattingPage.style.ts b/src/pages/ChattingPage/ChattingPage.style.ts index 1150128..04a45b5 100644 --- a/src/pages/ChattingPage/ChattingPage.style.ts +++ b/src/pages/ChattingPage/ChattingPage.style.ts @@ -16,16 +16,16 @@ export const Main = styled(Flex)` export const SendButton = styled.button` width: 48px; - height: 32px; + height: 40px; font-size: ${({ theme }) => theme.FONT_SIZE.XS}; background-color: ${({ theme }) => theme.PALETTE.RED_500}; color: white; outline: none; - border-radius: 10%; + border-radius: 40%; border: none; & > svg { width: 100%; - height: 100%; + height: inherit; path { fill: white; } diff --git a/src/pages/ChattingPage/ChattingPage.tsx b/src/pages/ChattingPage/ChattingPage.tsx index f8a0cc4..d900b9a 100644 --- a/src/pages/ChattingPage/ChattingPage.tsx +++ b/src/pages/ChattingPage/ChattingPage.tsx @@ -1,4 +1,5 @@ import Hamburger from '@/assets/hamburger.svg?react'; +import PaperPlane from '@/assets/paperPlane.svg?react'; import { Avatar } from '@components/Avatar'; import { Header } from '@components/Header'; @@ -82,7 +83,7 @@ export const ChattingPage = () => { ref={inputRef} > - 전송 +