[style] 일부 CSS 코드 보완

kkkkkSE · Aug 1, 2023 · 62dbd2a · 62dbd2a
1 parent 9e94ea3
commit 62dbd2a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/src/components/chat/message/MessageInput.tsx b/src/components/chat/message/MessageInput.tsx
@@ -85,11 +85,10 @@ export default function MessageInput({
 
 const Container = styled.div`
   ${(props) => props.theme.alignCenter.horizontal}
-  align-items: flex-end;
+  align-items: center;
   width: calc(100% + 4rem);
-  margin-left: -2rem;
   margin-bottom: -2rem;
-  padding: .8rem 2rem;
+  padding: .4rem 2rem;
   background-color: ${(props) => props.theme.colors.white.default};
   border-top: 1px solid ${(props) => props.theme.colors.gray2.default};
 
@@ -100,15 +99,14 @@ const Container = styled.div`
 
   form {
     ${(props) => props.theme.alignCenter.horizontal}
-    align-items: flex-end;
+    align-items: center;
     flex-grow: 1;
   }
 
   @media screen and (${(props) => props.theme.breakPoint.mobile}){
     width: calc(100% + 3.2rem);
-    margin-left: -1.6rem;
     margin-bottom: -1.6rem;
-    padding: .8rem 1.2rem;
+    padding: .2rem 1.2rem;
     bottom: 6rem;
 
     button:nth-child(1){

diff --git a/src/components/layout/ContentLayout.tsx b/src/components/layout/ContentLayout.tsx
@@ -33,6 +33,7 @@ const Container = styled.div`
 
   > :nth-child(2){
     height: calc(100vh - 6rem);
+    overflow-y: scroll;
     padding: 0 2rem 2rem;
   }
 
@@ -43,7 +44,6 @@ const Container = styled.div`
   }
 
   @media screen and (${(props) => props.theme.breakPoint.mobile}) {
-    
     > :nth-child(1){
       padding-inline: 1.6rem;
     }