moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ChatPage: collapse on mobile

This commit is contained in:
Alex Gleason 2022-09-19 14:56:23 -05:00
parent ad521e528e
commit d1b10f72aa
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/soapbox/features/chats/components/chat-page/chat-page.tsx
View File

@ -10,12 +10,12 @@ const ChatPage = () => {
<Card className='p-0 h-[calc(100vh-176px)] overflow-hidden' variant='rounded'> <Card className='p-0 h-[calc(100vh-176px)] overflow-hidden' variant='rounded'>
<div className='grid grid-cols-9 overflow-hidden h-full dark:divide-x-2 dark:divide-solid dark:divide-gray-800'> <div className='grid grid-cols-9 overflow-hidden h-full dark:divide-x-2 dark:divide-solid dark:divide-gray-800'>
<Stack <Stack
className='col-span-3 p-6 bg-gradient-to-r from-white to-gray-100 dark:bg-gray-900 dark:bg-none overflow-hidden dark:inset' className='col-span-9 sm:col-span-3 p-6 bg-gradient-to-r from-white to-gray-100 dark:bg-gray-900 dark:bg-none overflow-hidden dark:inset'
> >
<ChatPageSidebar /> <ChatPageSidebar />
</Stack> </Stack>
<Stack className='col-span-6 h-full overflow-hidden'> <Stack className='hidden sm:block col-span-6 h-full overflow-hidden'>
<ChatPageMain /> <ChatPageMain />
</Stack> </Stack>
</div> </div>