feat: style the 404 page

2025-01-04 17:34:42 +01:00 · 2025-01-04 17:34:42 +01:00 · f05c0b8e9c
parent 89e3c5d9cb
commit f05c0b8e9c
1 changed files with 3 additions and 8 deletions
--- a/routes/_404.tsx
+++ b/routes/_404.tsx
@ -6,15 +6,10 @@ export default function Error404() {
      <Head>
        <title>404 - Page not found</title>
      </Head>
-      <div class="px-4 py-8 mx-auto bg-[#86efac]">
+      <div
+        class={`px-4 py-8 mx-auto bg-[#a9def9] -top-20 -mb-20 pt-24 relative`}
+      >
        <div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
-          <img
-            class="my-6"
-            src="/logo.svg"
-            width="128"
-            height="128"
-            alt="the Fresh logo: a sliced lemon dripping with juice"
-          />
          <h1 class="text-4xl font-bold">404 - Page not found</h1>
          <p class="my-4">
            The page you were looking for doesn't exist.