From 3fd17c84becf579e060eebe4d7aac14e54ec5c98 Mon Sep 17 00:00:00 2001
From: Kyren223 <Kyren223@proton.me>
Date: Fri, 3 Jan 2025 14:59:59 +0200
Subject: Refactored terminal border to allow injecting arbitrary tailwind css

---
 src/pages/404.astro | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

(limited to 'src/pages/404.astro')

diff --git a/src/pages/404.astro b/src/pages/404.astro
index 2e24449..9d3910e 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -1,14 +1,17 @@
 ---
-import TerminalBorder from "@components/TerminalBorder.astro"
-import Terminal from "@layouts/Terminal.astro"
+import TerminalBorder from "@components/TerminalBorder.astro";
+import Terminal from "@layouts/Terminal.astro";
 
 const url = new URL(Astro.request.url).pathname.substring(1);
 ---
+
 <Terminal path="404">
-    <TerminalBorder header="Shell" margin="0.5rem 0">
+    <TerminalBorder header="Shell" extra="my-[0.625vw]">
         <span>
             <p id="cd">$ cd ~/{url}</p>
-            <p id="err" class="pt-3">"{url}": No such file or directory (os error 2)</p>
+            <p id="err" class="pt-[1vw]">
+                "{url}": No such file or directory (os error 2)
+            </p>
         </span>
     </TerminalBorder>
 </Terminal>
@@ -16,6 +19,7 @@ const url = new URL(Astro.request.url).pathname.substring(1);
     document.addEventListener("DOMContentLoaded", () => {
         const url = window.location.pathname.substring(1);
         document.getElementById("cd")!.textContent = `$ cd ~/${url}`;
-        document.getElementById("err")!.textContent = `"${url}": No such file or directory (os error 2)`;
+        document.getElementById("err")!.textContent =
+            `"${url}": No such file or directory (os error 2)`;
     });
 </script>
-- 
cgit v1.3.1