New home view layout (#58)

* Home layout refactor, moved new download to dialog

* sort downloads by date
This commit is contained in:
Marco
2023-06-23 10:48:38 +02:00
committed by GitHub
parent 13cc89fe3b
commit 2ae4a5da3d
10 changed files with 451 additions and 300 deletions

View File

@@ -0,0 +1,34 @@
import CloudDownloadIcon from '@mui/icons-material/CloudDownload'
import { Container, SvgIcon, Typography, styled } from '@mui/material'
const FlexContainer = styled(Container)({
display: 'flex',
minWidth: '100%',
minHeight: '80vh',
alignItems: 'center',
justifyContent: 'center',
flexDirection: 'column'
})
const Title = styled(Typography)({
display: 'flex',
width: '100%',
alignItems: 'center',
justifyContent: 'center',
paddingBottom: '0.5rem'
})
export default function Splash() {
return (
<FlexContainer>
<Title fontWeight={'500'} fontSize={72} color={'gray'}>
<SvgIcon sx={{ fontSize: '200px' }}>
<CloudDownloadIcon />
</SvgIcon>
</Title>
<Title fontWeight={'500'} fontSize={36} color={'gray'}>
No active downloads
</Title>
</FlexContainer>
)
}