fix: 채팅방 전송 버튼 텍스트로 변경 (#470)

Java-and-Script · Dec 3, 2023 · 9e1b87e · 9e1b87e
1 parent a57add0
commit 9e1b87e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/pages/ChattingPage/ChattingPage.style.ts b/src/pages/ChattingPage/ChattingPage.style.ts
@@ -15,13 +15,13 @@ export const Main = styled(Flex)`
 `;
 
 export const SendButton = styled.button`
-  width: 32px;
+  width: 48px;
   height: 32px;
   font-size: ${({ theme }) => theme.FONT_SIZE.XS};
   background-color: ${({ theme }) => theme.PALETTE.RED_500};
   color: white;
   outline: none;
-  border-radius: 50%;
+  border-radius: 10%;
   border: none;
   & > svg {
     width: 100%;
@@ -33,6 +33,7 @@ export const SendButton = styled.button`
 `;
 
 export const InputWrapper = styled.div`
+  z-index: 1000;
   position: fixed;
   bottom: 0px;
   width: 100%;

diff --git a/src/pages/ChattingPage/ChattingPage.tsx b/src/pages/ChattingPage/ChattingPage.tsx
@@ -10,8 +10,6 @@ import { theme } from '@styles/theme';
 
 import { PATH_NAME } from '@constants/pathName';
 
-import PaperPlane from '@assets/paperPlane.svg?react';
-
 import {
   AlignedCenteredText,
   ChatRoomContainer,
@@ -84,7 +82,7 @@ export const ChattingPage = () => {
           ref={inputRef}
         >
           <SendButton>
-            <PaperPlane />
+            <Text nowrap>전송</Text>
           </SendButton>
         </Input>
       </InputWrapper>