|
|
@ -25,12 +25,12 @@ const ChatWindow = () => {
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<>
|
|
|
|
<>
|
|
|
|
<Layout hasSider className='h-screen chatwindow-wrapper' style={{ maxHeight: 'calc(100% - 198px)', height: 'calc(100% - 198px)' }}>
|
|
|
|
<Layout hasSider className='h-screen chatwindow-wrapper' style={{ maxHeight: 'calc(100% - 166px)', height: 'calc(100% - 166px)' }}>
|
|
|
|
<Sider
|
|
|
|
<Sider
|
|
|
|
width={300}
|
|
|
|
width={340}
|
|
|
|
theme={'light'}
|
|
|
|
theme={'light'}
|
|
|
|
className='h-full overflow-y-auto h-parent'
|
|
|
|
className='h-full overflow-y-auto h-parent'
|
|
|
|
style={{ maxHeight: 'calc(100vh - 198px)', height: 'calc(100vh - 198px)' }}
|
|
|
|
style={{ maxHeight: 'calc(100vh - 166px)', height: 'calc(100vh - 166px)' }}
|
|
|
|
collapsible={true}
|
|
|
|
collapsible={true}
|
|
|
|
breakpoint='xl'
|
|
|
|
breakpoint='xl'
|
|
|
|
collapsedWidth={73}
|
|
|
|
collapsedWidth={73}
|
|
|
@ -43,7 +43,7 @@ const ChatWindow = () => {
|
|
|
|
<ConversationsList />
|
|
|
|
<ConversationsList />
|
|
|
|
</Sider>
|
|
|
|
</Sider>
|
|
|
|
|
|
|
|
|
|
|
|
<Content style={{ maxHeight: 'calc(100vh - 198px)', height: 'calc(100vh - 198px)', minWidth: '360px' }}>
|
|
|
|
<Content style={{ maxHeight: 'calc(100vh - 166px)', height: 'calc(100vh - 166px)', minWidth: '360px' }}>
|
|
|
|
<Layout className='h-full'>
|
|
|
|
<Layout className='h-full'>
|
|
|
|
<Header className='px-1 ant-layout-sider-light ant-card h-auto flex justify-between gap-1 items-center'>
|
|
|
|
<Header className='px-1 ant-layout-sider-light ant-card h-auto flex justify-between gap-1 items-center'>
|
|
|
|
{/* <Button type='text' icon={collapsedLeft ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />} onClick={() => setCollapsedLeft(!collapsedLeft)} className=' rounded-none rounded-l' /> */}
|
|
|
|
{/* <Button type='text' icon={collapsedLeft ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />} onClick={() => setCollapsedLeft(!collapsedLeft)} className=' rounded-none rounded-l' /> */}
|
|
|
@ -63,10 +63,10 @@ const ChatWindow = () => {
|
|
|
|
</Content>
|
|
|
|
</Content>
|
|
|
|
|
|
|
|
|
|
|
|
<Sider
|
|
|
|
<Sider
|
|
|
|
width={300}
|
|
|
|
width={400}
|
|
|
|
theme={'light'}
|
|
|
|
theme={'light'}
|
|
|
|
className=' overflow-y-auto'
|
|
|
|
className=' overflow-y-auto'
|
|
|
|
style={{ maxHeight: 'calc(100vh - 198px)', height: 'calc(100vh - 198px)' }}
|
|
|
|
style={{ maxHeight: 'calc(100vh - 166px)', height: 'calc(100vh - 166px)' }}
|
|
|
|
collapsible={true}
|
|
|
|
collapsible={true}
|
|
|
|
breakpoint='xl'
|
|
|
|
breakpoint='xl'
|
|
|
|
collapsedWidth={0}
|
|
|
|
collapsedWidth={0}
|
|
|
|