From 0c17d94c4d1303d73b3ad3e7a9dfef1fb8f0a883 Mon Sep 17 00:00:00 2001
From: Kyren223 <Kyren223@proton.me>
Date: Tue, 12 Nov 2024 16:05:53 +0200
Subject: Backup

---
 src/components/TerminalBorder.astro | 47 +++++++++++++++++++------------------
 1 file changed, 24 insertions(+), 23 deletions(-)

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

diff --git a/src/components/TerminalBorder.astro b/src/components/TerminalBorder.astro
index 6add2b7..bb6874c 100644
--- a/src/components/TerminalBorder.astro
+++ b/src/components/TerminalBorder.astro
@@ -2,35 +2,36 @@
 interface Props {
     header: string;
     margin?: string;
+    class?: string;
 }
 
-const { header, margin = "-1px" } = Astro.props;
+const { header, margin = "-1px", class: htmlClass } = Astro.props;
 ---
-<div class="section" style={`margin: ${margin};`}>
+
+<div class="section" style={`margin: ${margin};`} class={htmlClass}>
     <span class="tag">{header}</span>
-    <slot/>
+    <slot />
 </div>
 
 <style>
-.section {
-    position: relative;
-    padding: 0.8rem;
-    padding-top: 0.85rem;
-    display: flex;
-    border-style: solid;
-    border-width: 1px;
-    border-color: var(--alt);
-}
-
-.tag {
-    position: absolute;
-    top: -0.6rem;
-    left: 0.5rem;
-    background-color: var(--background);
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    font-size: 0.8rem;
-    color: var(--alt);
-}
+    .section {
+        position: relative;
+        padding: 0.8rem;
+        padding-top: 0.85rem;
+        display: flex;
+        border-style: solid;
+        border-width: 1px;
+        border-color: var(--alt);
+    }
 
+    .tag {
+        position: absolute;
+        top: -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