Infrastructure/pingvin-share
0
Fork 0
mirror of https://github.com/stonith404/pingvin-share.git synced 2025-01-29 01:28:59 -05:00
Code Issues Activity

fix: incorrect layout on 404 page

Browse source
This commit is contained in:
Elias Schneider 2024-04-05 12:03:38 +02:00
parent 384fd19203
commit 3c5e0ad513
No known key found for this signature in database
GPG key ID: 07E623B294202B6C
1 changed files with 4 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
frontend/src/pages/404.tsx
View file

@ -1,14 +1,7 @@
import { import { Button, Container, createStyles, Group, Title } from "@mantine/core";
Button,
Container,
createStyles,
Group,
Text,
Title,
} from "@mantine/core";
import Link from "next/link"; import Link from "next/link";
import Meta from "../components/Meta";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import Meta from "../components/Meta";
const useStyles = createStyles((theme) => ({ const useStyles = createStyles((theme) => ({
root: { root: {
@ -21,19 +14,13 @@ const useStyles = createStyles((theme) => ({
fontWeight: 900, fontWeight: 900,
fontSize: 220, fontSize: 220,
lineHeight: 1, lineHeight: 1,
marginBottom: `calc(${theme.spacing.xl} * 100)`, marginBottom: 20,
color: theme.colors.gray[2], color: theme.colors.gray[2],
[theme.fn.smallerThan("sm")]: { [theme.fn.smallerThan("sm")]: {
fontSize: 120, fontSize: 120,
}, },
}, },
description: {
maxWidth: 500,
margin: "auto",
marginBottom: `calc(${theme.spacing.xl} * 100)`,
},
})); }));
const ErrorNotFound = () => { const ErrorNotFound = () => {
@ -47,12 +34,7 @@ const ErrorNotFound = () => {
<Title align="center" order={3}> <Title align="center" order={3}>
<FormattedMessage id="404.description" /> <FormattedMessage id="404.description" />
</Title> </Title>
<Text <Group position="center" mt={50}>
color="dimmed"
align="center"
className={classes.description}
></Text>
<Group position="center">
<Button component={Link} href="/" variant="light"> <Button component={Link} href="/" variant="light">
<FormattedMessage id="404.button.home" /> <FormattedMessage id="404.button.home" />
</Button> </Button>