Merge branch 'master' of direct-git.186526.xyz:Lama3L9R/lsp-yggdrasil-web

This commit is contained in:
Qumolama.d 2022-07-14 12:23:12 +08:00
commit f579c37908
Signed by: Lama3L9R
GPG Key ID: 1762AFC05157CE18
2 changed files with 47 additions and 30 deletions

View File

@ -19,7 +19,7 @@
text-align: center;
min-width: 100%;
}
.MuiAlert-message,.MuiInputLabel-root,.MuiButton-contained {
.MuiAlert-message,.MuiInputLabel-root,.MuiButton-contained,.MuiTypography-root {
font-family: "OPPO Sans" !important;
}

View File

@ -1,42 +1,59 @@
import { Box, Button, CssBaseline, Grid, Typography } from "@mui/material"
import { Paper, Box, Button, CssBaseline, Grid, Typography } from "@mui/material"
import { ThemeProvider } from "@mui/material/styles"
import { theme } from ".."
import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline'
import { useNavigate } from "react-router-dom"
import "./custom.css"
export const PageNotFound = () => {
const navigate = useNavigate()
return <ThemeProvider theme={theme}>
<CssBaseline />
<Box style={{ 'minWidth': '100%', 'minHeight': '100%', 'display': 'flex' }}>
<Grid container direction="row" justifyContent="center" alignItems="center" spacing={3}>
<Grid item>
<ErrorOutlineIcon style={{width: '11rem', height: '11rem'}}/>
<div className="rootPanel">
<Box>
<Grid container direction="column" justifyContent="center" alignItems="center" spacing={1}>
<Paper elevation={3} className="inlineBox">
<Grid container direction="column" justifyContent="center" alignItems="center" spacing={3}>
<Grid item><Grid container direction="row" alignItems="center">
<ErrorOutlineIcon style={{
width: '3rem',
height: '3rem',
marginRight: '0.5rem'
}}/>
<Typography variant="h5">
Oops! ~
</Typography>
</Grid></Grid>
<Grid item style={{
color: "pink",
lineHeight: "5px"
}}>
<Typography>
访
</Typography>
</Grid>
<Grid item>
<Typography>
Bug Qumolama.d
</Typography>
</Grid>
<Grid item>
<Button variant="contained" color="primary" onClick={() => { navigate('/') }}>
</Button>
</Grid>
<Grid item>
<Button variant="contained" color="primary" href="https://t.me/qumolama" target="_blank">
</Button>
</Grid>
</Grid>
</Paper>
</Grid>
<Grid item style={{ 'maxWidth': '50%', 'maxHeight': '80%'}}>
<Grid container direction="column" justifyContent="center" alignItems="flex-start" spacing={1}>
<Grid item>
<Typography variant="h3">
Oops! Page not found!
</Typography>
</Grid>
<Grid item style={{ 'maxWidth': '85%', 'maxHeight': '60%'}}>
<Typography variant="body1" display="block" gutterBottom>
访URL然后就访问bug了访URL截图发给<strong> Lama </strong><div style={{'color': 'rgba(0,0,0,0)'}}></div>
</Typography>
</Grid>
<Grid item>
<Button variant="contained" color="primary" onClick={() => { navigate('/') }}>
</Button>
</Grid>
</Grid>
</Grid>
</Grid>
</Box>
</Box>
</div>
</ThemeProvider>
}