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 | |
| parent | 29245a84adfe0767764528c1bf87d81e4d48fdfd (diff) | |
Started working on changing units to make the design more consistent
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Nav.astro | 16 | ||||
| -rw-r--r-- | src/components/TerminalBorder.astro | 26 |
2 files changed, 21 insertions, 21 deletions
diff --git a/src/components/Nav.astro b/src/components/Nav.astro index 7d4d8a2..8148a81 100644 --- a/src/components/Nav.astro +++ b/src/components/Nav.astro @@ -26,23 +26,23 @@ const directories = ["skills", "projects", "blogs"]; nav { display: flex; justify-content: space-between; - border: 1.5px var(--alt); + border: 0.125vw var(--alt); border-style: solid; - margin-bottom: 1.25rem; - padding: 0.75rem; + margin-bottom: 1.25em; + padding: 0.75em; } #nav-links a { - margin-right: 0.15rem; margin-bottom: 0px; - margin-left: 0.15rem; + margin-right: 0.15em; + margin-left: 0.15em; + font-size: 1.375vw; color: var(--primary); - font-size: 1.1rem; } #nav-links a:hover { color: var(--accent); } #nav-path { - margin-right: 2rem; - font-size: 1.1rem; + margin-right: 2em; + font-size: 1.375vw; } </style> 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> |