diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/BlogItem.astro | 2 | ||||
| -rw-r--r-- | src/components/TerminalBorder.astro | 6 |
2 files changed, 4 insertions, 4 deletions
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 /> |