❇️V2

2025-02-22 20:58:25 +01:00
parent 5f4ad2296d
commit 72f6b60963
13 changed files with 72 additions and 174 deletions
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -10,29 +10,17 @@ import {
 import type { Route } from "./+types/root";
 import "./app.css";

-export const links: Route.LinksFunction = () => [
-  { rel: "preconnect", href: "https://fonts.googleapis.com" },
-  {
-    rel: "preconnect",
-    href: "https://fonts.gstatic.com",
-    crossOrigin: "anonymous",
-  },
-  {
-    rel: "stylesheet",
-    href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
-  },
-];
-
 export function Layout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <head>
        <meta charSet="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="icon" href="/app/favicon.ico" />
        <Meta />
        <Links />
      </head>
-      <body>
+      <body className="bg-slate-900 min-h-screen">
        {children}
        <ScrollRestoration />
        <Scripts />
@@ -62,9 +50,15 @@ export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
  }

  return (
-    <main className="pt-16 p-4 container mx-auto">
-      <h1>{message}</h1>
-      <p>{details}</p>
+    <main className="flex flex-col w-screen h-screen justify-center items-center gap-2">
+      <h1 className="text-white text-9xl">{message}</h1>
+      <p className="text-white text-4xl">{details}</p>
+      <p className="text-gray-400 text-2xl">
+        Take me{" "}
+        <a href="/" className="underline text-blue-500">
+          home
+        </a>
+      </p>
      {stack && (
        <pre className="w-full p-4 overflow-x-auto">
          <code>{stack}</code>