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/components/BlogItem.astro       | 2 +-
 src/components/TerminalBorder.astro | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

(limited to 'src/components')

diff --git a/src/components/BlogItem.astro b/src/components/BlogItem.astro
index ae67d30..6cff714 100644
--- a/src/components/BlogItem.astro
+++ b/src/components/BlogItem.astro
@@ -19,7 +19,7 @@ interface Props {
 const { title, description, date, href, header } = Astro.props;
 ---
 
-<TerminalBorder header={header} footer={formatDate(date)} margin="0 0 2vw;">
+<TerminalBorder header={header} footer={formatDate(date)} extra="mb-[2vw]">
     <span class="cursor-pointer group block w-full">
         {
             href ? (
diff --git a/src/components/TerminalBorder.astro b/src/components/TerminalBorder.astro
index eae9cc0..42cf5af 100644
--- a/src/components/TerminalBorder.astro
+++ b/src/components/TerminalBorder.astro
@@ -2,13 +2,13 @@
 interface Props {
     header?: string;
     footer?: string;
-    margin?: string;
+    extra?: string;
 }
 
-const { header = "", footer = "", margin = "-0.1vw" } = Astro.props;
+const { header = "", footer = "", extra = "m-[-0.1vw]" } = Astro.props;
 ---
 
-<div class="section" style={`margin: ${margin};`}>
+<div class=`section ${extra}`>
     <span class="tag-top">{header}</span>
     <span class="tag-bottom">{footer}</span>
     <slot />
-- 
cgit v1.3.1