Lama3L9R
/
lsp-yggdrasil-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request 'Fix 404 page bug' (#2) from maxelblack/lsp-yggdrasil-web:master into master 

Reviewed-on: #2
This commit is contained in:
Lama3L9R 2022-07-14 04:12:57 +00:00
parent b621b71494 38c8d59224
commit 716b287e29
2 changed files with 47 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/custom.css
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;
}

75
src/pages/notfound.tsx
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>
}