Overnap

채팅 관련 css 수정

...@@ -41,7 +41,7 @@ export const Chat: React.FC = () => { ...@@ -41,7 +41,7 @@ export const Chat: React.FC = () => {
41 }, [input]); 41 }, [input]);
42 42
43 return ( 43 return (
44 - <div className='w-5/12'> 44 + <div className='w-4/12'>
45 <div className='w-full h-80 rounded shadow flex flex-col overflow-y-scroll'> 45 <div className='w-full h-80 rounded shadow flex flex-col overflow-y-scroll'>
46 {chatLines.map((line, i) => (<ChatLine key={16383+i} chatData={line}/>))} 46 {chatLines.map((line, i) => (<ChatLine key={16383+i} chatData={line}/>))}
47 <div ref={messageEndRef} /> 47 <div ref={messageEndRef} />
......
...@@ -7,7 +7,7 @@ interface ChatLineProps { ...@@ -7,7 +7,7 @@ interface ChatLineProps {
7 7
8 export const ChatLine: React.FC<ChatLineProps> = ({ chatData }) => { 8 export const ChatLine: React.FC<ChatLineProps> = ({ chatData }) => {
9 return ( 9 return (
10 - <div className='w-5/6 px-3 py-2 bg-white 10 + <div className='w-full px-3 py-1.5 bg-white
11 text-gray-700 text-sm'>{chatData.sender} : {chatData.message}</div> 11 text-gray-700 text-sm'>{chatData.sender} : {chatData.message}</div>
12 ); 12 );
13 } 13 }
......