feat: improve Home screen display
This commit is contained in:
parent
0fc4ad040b
commit
442f5406ec
@ -10,7 +10,6 @@ import IconButton from '@mui/material/IconButton'
|
|||||||
import MuiLink from '@mui/material/Link'
|
import MuiLink from '@mui/material/Link'
|
||||||
import GitHubIcon from '@mui/icons-material/GitHub'
|
import GitHubIcon from '@mui/icons-material/GitHub'
|
||||||
import Cached from '@mui/icons-material/Cached'
|
import Cached from '@mui/icons-material/Cached'
|
||||||
import Tooltip from '@mui/material/Tooltip'
|
|
||||||
import { v4 as uuid } from 'uuid'
|
import { v4 as uuid } from 'uuid'
|
||||||
|
|
||||||
import { routes } from 'config/routes'
|
import { routes } from 'config/routes'
|
||||||
@ -117,29 +116,37 @@ export function Home({ userId }: HomeProps) {
|
|||||||
<Divider sx={{ my: 2 }} />
|
<Divider sx={{ my: 2 }} />
|
||||||
<Box className="max-w-3xl text-center mx-auto px-4">
|
<Box className="max-w-3xl text-center mx-auto px-4">
|
||||||
<Typography variant="body1">
|
<Typography variant="body1">
|
||||||
This is a communication tool that is free, open source, and designed
|
This is a free communication tool that is designed for simplicity,
|
||||||
for simplicity and security. All communication between you and your
|
privacy, and security. All interaction between you and your online
|
||||||
online peers is encrypted. There is no trace of your conversation once
|
peers is encrypted. There is no record of your conversation once you
|
||||||
you leave.
|
all leave.
|
||||||
</Typography>
|
</Typography>
|
||||||
</Box>
|
</Box>
|
||||||
<Tooltip title="View project source code and documentation">
|
<Box
|
||||||
|
sx={{
|
||||||
|
mx: 'auto',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
alignItems: 'center',
|
||||||
|
}}
|
||||||
|
>
|
||||||
<MuiLink
|
<MuiLink
|
||||||
href="https://github.com/jeremyckahn/chitchatter"
|
href="https://github.com/jeremyckahn/chitchatter"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
sx={{ display: 'block', textAlign: 'center', color: '#fff' }}
|
sx={theme => ({
|
||||||
|
color: theme.palette.text.primary,
|
||||||
|
})}
|
||||||
>
|
>
|
||||||
<IconButton
|
<IconButton
|
||||||
size="large"
|
size="large"
|
||||||
edge="start"
|
edge="start"
|
||||||
color="inherit"
|
color="inherit"
|
||||||
aria-label="Open menu"
|
aria-label="Open menu"
|
||||||
sx={{ mx: 'auto' }}
|
|
||||||
>
|
>
|
||||||
<GitHubIcon sx={{ fontSize: '2em' }} />
|
<GitHubIcon sx={{ fontSize: '2em' }} />
|
||||||
</IconButton>
|
</IconButton>
|
||||||
</MuiLink>
|
</MuiLink>
|
||||||
</Tooltip>
|
</Box>
|
||||||
<Typography variant="body1" sx={{ textAlign: 'center' }}>
|
<Typography variant="body1" sx={{ textAlign: 'center' }}>
|
||||||
Licensed under{' '}
|
Licensed under{' '}
|
||||||
<MuiLink
|
<MuiLink
|
||||||
|
Loading…
Reference in New Issue
Block a user