style: 댓글 입력 반응형으로 수정

DaITssu · Dec 31, 2023 · a09feaa · a09feaa
1 parent 11e1dac
commit a09feaa
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/components/common/Comment/CommentInput/CommentInput.styles.ts b/src/components/common/Comment/CommentInput/CommentInput.styles.ts
@@ -4,34 +4,38 @@ import styled from '@emotion/styled';
 
 export const MyCommentBox = styled.div`
   margin: auto;
-  width: 358px;
   height: 45px;
+  width: 90%;
 `;
 
 export const CommentFlexBox = styled.div`
   position: fixed;
   top: 90%;
   display: flex;
-  width: 358px;
+  margin: 0 auto;
+  left: 0;
+  right: 0;
+  padding: 0 12px;
 `;
 
 export const MyLeftBox = styled.div`
   margin-right: auto;
+  width: 100%;
 `;
 
 export const MyRightBox = styled.div`
-  margin-left: auto;
+  margin-left: 10px;
 `;
 
 export const MyCommentLabel = styled.label`
   input {
     background-color: ${COLORS.grayscale.Gray4};
-    width: 293px;
     height: 45px;
     border-radius: 10px;
     border: none;
     padding-left: 10px;
     outline: none;
+    width: 100%;
   }
   input::placeholder {
     color: ${COLORS.grayscale.Gray1};