fix: use monospace for ascii art

frectonz · Jun 23, 2024 · 181ed3c · 181ed3c
1 parent 01287dc
commit 181ed3c
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/ui/src/routes/__root.tsx b/ui/src/routes/__root.tsx
@@ -194,8 +194,9 @@ function Github({ className }: { className: string }) {
 
 function ErrorComponent() {
   return (
-    <div className="min-h-[calc(100vh-250px)] grid place-content-center">
-      <pre className="text-destructive">
+    <div className="min-h-[calc(100vh-250px)] flex gap-4 justify-center items-center flex-col">
+      <Logo />
+      <pre className="text-destructive font-[monospace]">
         {`
 ███████╗    ██████╗     ██████╗      ██████╗     ██████╗ 
 ██╔════╝    ██╔══██╗    ██╔══██╗    ██╔═══██╗    ██╔══██╗
@@ -212,14 +213,15 @@ function ErrorComponent() {
 function NotFoundComponent() {
   return (
     <div className="min-h-[calc(100vh-250px)] grid place-content-center">
-      <pre className="text-primary">
+      <pre className="text-primary font-[monospace]">
         {`
 ██╗  ██╗     ██████╗     ██╗  ██╗
 ██║  ██║    ██╔═████╗    ██║  ██║
 ███████║    ██║██╔██║    ███████║
 ╚════██║    ████╔╝██║    ╚════██║
      ██║    ╚██████╔╝         ██║
-     ╚═╝     ╚═════╝          ╚═╝`}
+     ╚═╝     ╚═════╝          ╚═╝
+`}
       </pre>
     </div>
   );