jketreno/backstory
1
0
Fork 0
Code Issues 12 Actions Releases Activity

Resize chat due to headers on mobile

Browse Source
This commit is contained in:
James Ketr 2025-07-16 18:52:55 -07:00
parent a5bf96437e
commit a51606e848
1 changed files with 26 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/src/pages/CandidateChatPage.tsx
View File

@ -294,15 +294,33 @@ const CandidateChatPage = forwardRef<ConversationHandle, CandidateChatPageProps>
flexDirection: 'column', flexDirection: 'column',
flexGrow: 1, flexGrow: 1,
p: 0, p: 0,
height: '100%', maxHeight: '100%',
position: 'relative', position: 'relative',
}} }}
> >
{isMobile && ( {isMobile && (
<Tabs value={tabValue} onChange={handleTabChange} centered> <Box
<Tab value="resume" icon={<DescriptionIcon />} label="Resume" /> sx={{
<Tab value="chat" icon={<TuneIcon />} label="Chat" /> display: 'flex',
</Tabs> justifyContent: 'center',
fontSize: '0.8rem',
}}
>
<Tabs value={tabValue} onChange={handleTabChange} centered>
<Tab
value="resume"
sx={{ maxHeight: '32px', p: 0, m: 0, fontSize: '0.75rem' }}
icon={<DescriptionIcon sx={{ height: '16px' }} />}
label="Resume"
/>
<Tab
value="chat"
sx={{ maxHeight: '32px', p: 0, m: 0, fontSize: '0.75rem' }}
icon={<TuneIcon sx={{ height: '16px' }} />}
label="Chat"
/>
</Tabs>
</Box>
)} )}
<Box <Box
ref={ref} ref={ref}
@ -312,7 +330,9 @@ const CandidateChatPage = forwardRef<ConversationHandle, CandidateChatPageProps>
height: '100%' /* Restrict to main-container's height */, height: '100%' /* Restrict to main-container's height */,
width: '100%', width: '100%',
minHeight: 0 /* Prevent flex overflow */, minHeight: 0 /* Prevent flex overflow */,
maxHeight: '100%', maxHeight: isMobile
? 'calc(100% - 144px)'
: '100%' /* Adjust for header/footer on mobile */,
'& > *:not(.Scrollable)': { '& > *:not(.Scrollable)': {
flexShrink: 0 /* Prevent shrinking */, flexShrink: 0 /* Prevent shrinking */,
}, },