From 6d3da9537200e4029d3c9e1b6140f601642f26da Mon Sep 17 00:00:00 2001
From: Kyren223 <Kyren223@proton.me>
Date: Tue, 12 Nov 2024 22:33:11 +0200
Subject: Backup

---
 src/components/TerminalBorder.astro | 26 ++++++++++++++++++++++----
 1 file changed, 22 insertions(+), 4 deletions(-)

(limited to 'src/components/TerminalBorder.astro')

diff --git a/src/components/TerminalBorder.astro b/src/components/TerminalBorder.astro
index bb6874c..0d9a75d 100644
--- a/src/components/TerminalBorder.astro
+++ b/src/components/TerminalBorder.astro
@@ -1,15 +1,22 @@
 ---
 interface Props {
-    header: string;
+    header?: string;
+    footer?: string;
     margin?: string;
     class?: string;
 }
 
-const { header, margin = "-1px", class: htmlClass } = Astro.props;
+const {
+    header = "",
+    footer = "",
+    margin = "-1px",
+    class: htmlClass,
+} = Astro.props;
 ---
 
 <div class="section" style={`margin: ${margin};`} class={htmlClass}>
-    <span class="tag">{header}</span>
+    <span class="tag-top">{header}</span>
+    <span class="tag-bottom">{footer}</span>
     <slot />
 </div>
 
@@ -24,7 +31,7 @@ const { header, margin = "-1px", class: htmlClass } = Astro.props;
         border-color: var(--alt);
     }
 
-    .tag {
+    .tag-top {
         position: absolute;
         top: -0.6rem;
         left: 0.5rem;
@@ -34,4 +41,15 @@ const { header, margin = "-1px", class: htmlClass } = Astro.props;
         font-size: 0.8rem;
         color: var(--alt);
     }
+
+    .tag-bottom {
+        position: absolute;
+        bottom: -0.6rem;
+        left: 0.5rem;
+        background-color: var(--background);
+        padding-right: 0.5rem;
+        padding-left: 0.5rem;
+        font-size: 0.8rem;
+        color: var(--alt);
+    }
 </style>
-- 
cgit v1.3.1