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