Design: 채팅방 ui 조정

Author: gustn99

src/pages/Chats/ChatRoom/ChatBox/index.tsx

@@ -37,6 +37,7 @@ const ChatBox: React.FC = () => {
 	const onChangeMessage = (e: any): void => {
 		setNewMessage(e.target.value);
 	};
+
 	const sendNewMessage = (): void => {
 		if (newMessage === '') {
 			return;

src/pages/Chats/ChatRoom/DateBar/styles.tsx

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 export const DatebarLayout = styled.div`
 	display: flex;
 	width: 100%;
-	margin: 1.25rem auto 1rem auto;
+	margin: 1.2rem auto 1rem auto;
 	gap: 0.5rem;
 `;
 

src/pages/Chats/ChatRoom/SentMessage/index.tsx

@@ -17,6 +17,7 @@ const SentMessage: React.FC<SentMessageProps> = React.memo(
 						</StyledText>
 					</Message>
 				</MessageLayout>
+				{isPrintTime && <div style={{ margin: '0', padding: '0', height: '0.5rem' }}></div>}
 			</>
 		);
 	},

src/pages/Chats/ChatRoom/styles.tsx

@@ -6,8 +6,8 @@ export const MessagesContainer = styled.div`
 	display: flex;
 	flex: 1;
 	flex-direction: column;
-	padding: 1rem 0.875rem 0 1.25rem;
-	margin: 0 auto 5.2rem auto;
+	padding: 1rem 0.875rem 0 0.875rem;
+	margin: 0 auto 5.1rem auto;
 	scroll-behavior: smooth;
 
 	&::-webkit-scrollbar {