Showing
2 changed files
with
2 additions
and
2 deletions
... | @@ -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 | } | ... | ... |
-
Please register or login to post a comment