diff options
| author | Kyren223 <Kyren223@proton.me> | 2025-01-03 14:59:59 +0200 |
|---|---|---|
| committer | Kyren223 <Kyren223@proton.me> | 2025-01-03 14:59:59 +0200 |
| commit | 3fd17c84becf579e060eebe4d7aac14e54ec5c98 (patch) | |
| tree | 4bcae616847f3d4035fdd96d4e9fc6af28bd7945 /src/pages/404.astro | |
| parent | 3daab8ec5f30e994f4a940ada7b4ba68b8fd2eb9 (diff) | |
Refactored terminal border to allow injecting arbitrary tailwind css
Diffstat (limited to 'src/pages/404.astro')
| -rw-r--r-- | src/pages/404.astro | 14 |
1 files changed, 9 insertions, 5 deletions
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> |
