talksik/nirvana-v3
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

nice figured it out slowly

Browse Source
This commit is contained in:
talksik
2022-06-20 10:29:50 -05:00
parent 660e5ef178
commit 5e92efc7e5
1 changed files with 48 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/desktop/src/tree/MainPanel.tsx
+48 -44
View File
@@ -76,8 +76,54 @@ function ConversationDetails({ masterConversation }: { masterConversation: Maste
}, [masterConversation, user]); }, [masterConversation, user]);
return ( return (
<Container maxWidth={false} disableGutters> <Container
<Stack direction={'column'} sx={{ position: 'relative' }}> maxWidth={false}
disableGutters
sx={{ maxHeight: '100vh', display: 'flex', flexDirection: 'column' }}
>
{/* conversation header details and controls */}
<Box sx={{ p: 2, boxShadow: 3, zIndex: 10 }}>
<Stack direction="row" alignItems="center">
<IconButton color="primary" size="small">
<FiSun />
</IconButton>
<ConversationLabel
users={masterConversation.members}
conversationName={masterConversation.name}
isSelected={true}
/>
{/* conversation controls */}
<Stack
direction="row"
alignItems="center"
sx={{
ml: 'auto',
}}
spacing={1}
>
<Tooltip title="Add to priority panel!">
{isPriority ? (
<Fab size="small" color="primary">
<FiZap />
</Fab>
) : (
<IconButton size="small">
<FiZap />
</IconButton>
)}
</Tooltip>
<Tooltip title="Add people to the conversation">
<IconButton size="small">
<FiUserPlus />
</IconButton>
</Tooltip>
</Stack>
</Stack>
</Box>
<Stack direction={'column'} sx={{ flex: 1, overflowY: 'auto' }}>
{/* main canvas */} {/* main canvas */}
<Container maxWidth={'sm'} sx={{ pt: 2 }}> <Container maxWidth={'sm'} sx={{ pt: 2 }}>
<Stack spacing={1} sx={{ display: 'flex', flexDirection: 'column', py: 2 }}> <Stack spacing={1} sx={{ display: 'flex', flexDirection: 'column', py: 2 }}>
@@ -124,48 +170,6 @@ function ConversationDetails({ masterConversation }: { masterConversation: Maste
})} })}
</Stack> </Stack>
</Container> </Container>
{/* conversation header details and controls */}
<Box sx={{ p: 2, boxShadow: 3, zIndex: 10, position: 'sticky' }}>
<Stack direction="row" alignItems="center">
<IconButton color="primary" size="small">
<FiSun />
</IconButton>
<ConversationLabel
users={masterConversation.members}
conversationName={masterConversation.name}
isSelected={true}
/>
{/* conversation controls */}
<Stack
direction="row"
alignItems="center"
sx={{
ml: 'auto',
}}
spacing={1}
>
<Tooltip title="Add to priority panel!">
{isPriority ? (
<Fab size="small" color="primary">
<FiZap />
</Fab>
) : (
<IconButton size="small">
<FiZap />
</IconButton>
)}
</Tooltip>
<Tooltip title="Add people to the conversation">
<IconButton size="small">
<FiUserPlus />
</IconButton>
</Tooltip>
</Stack>
</Stack>
</Box>
</Stack> </Stack>
</Container> </Container>
); );