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