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

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
parent 4ebb1d8e88 716b287e29
commit f579c37908
Signed by: Lama3L9R
GPG Key ID: 1762AFC05157CE18
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; text-align: center;
min-width: 100%; min-width: 100%;
} }
.MuiAlert-message,.MuiInputLabel-root,.MuiButton-contained { .MuiAlert-message,.MuiInputLabel-root,.MuiButton-contained,.MuiTypography-root {
font-family: "OPPO Sans" !important; 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 { ThemeProvider } from "@mui/material/styles"
import { theme } from ".." import { theme } from ".."
import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline' import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline'
import { useNavigate } from "react-router-dom" import { useNavigate } from "react-router-dom"
import "./custom.css"
export const PageNotFound = () => { export const PageNotFound = () => {
const navigate = useNavigate() const navigate = useNavigate()
return <ThemeProvider theme={theme}> return <ThemeProvider theme={theme}>
<CssBaseline /> <CssBaseline />
<Box style={{ 'minWidth': '100%', 'minHeight': '100%', 'display': 'flex' }}> <div className="rootPanel">
<Grid container direction="row" justifyContent="center" alignItems="center" spacing={3}>
<Grid item> <Box>
<ErrorOutlineIcon style={{width: '11rem', height: '11rem'}}/> <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>
</Box>
<Grid item style={{ 'maxWidth': '50%', 'maxHeight': '80%'}}> </div>
<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>
</ThemeProvider> </ThemeProvider>
} }