fix: 채팅 전송 버튼 아이콘 적용 (#479)

Java-and-Script · Dec 3, 2023 · 0b44d48 · 0b44d48
1 parent b388e62
commit 0b44d48
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git 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
@@ -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}
         >
           <SendButton>
-            <Text nowrap>전송</Text>
+            <PaperPlane />
           </SendButton>
         </Input>
       </InputWrapper>