From 9e5bedb7f3345041b5eba50de1ef3f0034aceca2 Mon Sep 17 00:00:00 2001 From: Topvennie Date: Mon, 9 Sep 2024 17:38:30 +0200 Subject: [PATCH] vinvoor: enchance error page --- vinvoor/public/sob.svg | 72 +++++++++++++++++++ vinvoor/src/errors/ErrorPage.tsx | 7 +- .../src/leaderboard/LeaderboardTableBody.tsx | 2 +- 3 files changed, 77 insertions(+), 4 deletions(-) create mode 100644 vinvoor/public/sob.svg diff --git a/vinvoor/public/sob.svg b/vinvoor/public/sob.svg new file mode 100644 index 0000000..d0590a6 --- /dev/null +++ b/vinvoor/public/sob.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/vinvoor/src/errors/ErrorPage.tsx b/vinvoor/src/errors/ErrorPage.tsx index 9acf816..75fce13 100644 --- a/vinvoor/src/errors/ErrorPage.tsx +++ b/vinvoor/src/errors/ErrorPage.tsx @@ -1,5 +1,6 @@ import { Box, Typography } from "@mui/material"; import { isRouteErrorResponse, useRouteError } from "react-router-dom"; +import SobIcon from "/sob.svg"; const get_error = (error: unknown) => { if (isRouteErrorResponse(error)) { @@ -24,10 +25,10 @@ export const ErrorPage = () => { flexDirection: "column", justifyContent: "center", alignItems: "center", - height: "100vh", // Full viewport height - bgcolor: "background.default", - padding: "24px", // Adjust padding as needed + width: "100%", + height: "85vh", textAlign: "center", + backgroundImage: `url(${SobIcon})`, }} > diff --git a/vinvoor/src/leaderboard/LeaderboardTableBody.tsx b/vinvoor/src/leaderboard/LeaderboardTableBody.tsx index f6e1986..cec256a 100644 --- a/vinvoor/src/leaderboard/LeaderboardTableBody.tsx +++ b/vinvoor/src/leaderboard/LeaderboardTableBody.tsx @@ -23,7 +23,7 @@ const leaderboardColors = [ const leaderboardText = [ { fontSize: "30px", fontWeight: "bold" }, - { fontSize: "25px", fontWeight: "bold" }, + { fontSize: "24px", fontWeight: "bold" }, { fontSize: "18px", fontWeight: "bold" }, ];