reuterShawn/remnantchat
1
0
Fork 0
forked from Shiloh/remnantchat
Code Pull Requests Activity

fix: eliminate gap between transcript and header

Browse Source
This commit is contained in:
Jeremy Kahn 2022-09-02 09:26:32 -05:00
parent 899286369e
commit 96740b352b
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Shell/Shell.tsx
View File

@ -51,6 +51,7 @@ const Main = styled('main', { shouldForwardProp: prop => prop !== 'open' })<{
}>(({ theme, open }) => ({ }>(({ theme, open }) => ({
flexGrow: 1, flexGrow: 1,
padding: theme.spacing(3), padding: theme.spacing(3),
paddingTop: 0,
transition: theme.transitions.create('margin', { transition: theme.transitions.create('margin', {
easing: theme.transitions.easing.sharp, easing: theme.transitions.easing.sharp,
duration: theme.transitions.duration.leavingScreen, duration: theme.transitions.duration.leavingScreen,
@ -159,11 +160,11 @@ export const Shell = ({ children }: ShellProps) => {
<CssBaseline /> <CssBaseline />
<Box <Box
className="Chitchatter" className="Chitchatter"
sx={{ sx={theme => ({
height: '100vh', height: '100vh',
display: 'flex', display: 'flex',
paddingTop: 8, paddingTop: theme.spacing(7),
}} })}
> >
<Snackbar <Snackbar
open={isAlertShowing} open={isAlertShowing}