diff options
| author | Kyren223 <Kyren223@proton.me> | 2025-01-03 09:59:04 +0200 |
|---|---|---|
| committer | Kyren223 <Kyren223@proton.me> | 2025-01-03 09:59:04 +0200 |
| commit | 3c3a27ea3b206e8c1644f3dec837ede1a5a9a742 (patch) | |
| tree | 843d3d454867bdb1da578a83effffded22d9aeb9 /src/components/TerminalBorder.astro | |
| parent | 29245a84adfe0767764528c1bf87d81e4d48fdfd (diff) | |
Started working on changing units to make the design more consistent
Diffstat (limited to 'src/components/TerminalBorder.astro')
| -rw-r--r-- | src/components/TerminalBorder.astro | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/src/components/TerminalBorder.astro b/src/components/TerminalBorder.astro index a6af7dc..230dc05 100644 --- a/src/components/TerminalBorder.astro +++ b/src/components/TerminalBorder.astro @@ -17,33 +17,33 @@ const { header = "", footer = "", margin = "-1px" } = Astro.props; <style> .section { position: relative; - padding: 0.8rem; - padding-top: 0.85rem; + padding: 0.8em; + padding-top: 0.85em; display: flex; border-style: solid; - border-width: 1px; + border-width: 0.1vw; border-color: var(--alt); } .tag-top { position: absolute; - top: -0.6rem; - left: 0.5rem; + top: -0.6em; + left: 0.5em; background-color: var(--background); - padding-right: 0.5rem; - padding-left: 0.5rem; - font-size: 0.8rem; + padding-right: 0.5em; + padding-left: 0.5em; + font-size: 0.8em; color: var(--alt); } .tag-bottom { position: absolute; - bottom: -0.6rem; - left: 0.5rem; + bottom: -0.6em; + left: 0.5em; background-color: var(--background); - padding-right: 0.5rem; - padding-left: 0.5rem; - font-size: 0.8rem; + padding-right: 0.5em; + padding-left: 0.5em; + font-size: 0.8em; color: var(--alt); } </style> |