From 0896625aab766080fedf6d470ddee6286d52c9b6 Mon Sep 17 00:00:00 2001
From: inhji <johnnie@posteo.de>
Date: Fri, 7 Jul 2023 10:02:08 +0200
Subject: [PATCH] =?UTF-8?q?=E2=80=9Elib/chiya=5Fweb/components/layouts/roo?=
 =?UTF-8?q?t=5Ferror.html.heex=E2=80=9C=20hinzuf=C3=BCgen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/layouts/root_error.html.heex   | 41 +++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 lib/chiya_web/components/layouts/root_error.html.heex
diff --git a/lib/chiya_web/components/layouts/root_error.html.heex b/lib/chiya_web/components/layouts/root_error.html.heex
new file mode 100644
index 0000000..3b8b17f
--- /dev/null
+++ b/lib/chiya_web/components/layouts/root_error.html.heex
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en" style="scrollbar-gutter: stable;" data-theme={@settings.theme}>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="csrf-token" content={get_csrf_token()} />
+    <.live_title>
+      <%= assigns[:page_title] || "Home" %>
+    </.live_title>
+
+    <.favicon />
+
+    <link rel="preconnect" href="https://rsms.me/" />
+    <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+    <link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} />
+    <script defer phx-track-static type="text/javascript" src={~p"/assets/public.js"}>
+    </script>
+    <script>
+      if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+        document.documentElement.dataset["mode"] = "dark"
+      } else {
+        delete document.documentElement.dataset["mode"]
+      }
+    </script>
+  </head>
+  <body class="bg-theme-background | h-feed hfeed">
+    <main class="mx-3 md:mx-0">
+      <section class="mx-auto max-w-2xl">
+        <%= @inner_content %>
+      </section>
+    </main>
+
+    <section class="flex h-1 w-full flex-row">
+      <div class="bg-theme-primary w-full"></div>
+      <div class="bg-theme-secondary w-full"></div>
+      <div class="bg-theme-tertiary w-full"></div>
+      <div class="bg-theme-quaternary w-full"></div>
+      <div class="bg-theme-quinary w-full"></div>
+    </section>
+  </body>
+</html>
