diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Nav.astro | 12 | ||||
| -rw-r--r-- | src/components/TerminalBorder.astro | 24 |
2 files changed, 18 insertions, 18 deletions
diff --git a/src/components/Nav.astro b/src/components/Nav.astro index 8148a81..17f6565 100644 --- a/src/components/Nav.astro +++ b/src/components/Nav.astro @@ -28,13 +28,13 @@ const directories = ["skills", "projects", "blogs"]; justify-content: space-between; border: 0.125vw var(--alt); border-style: solid; - margin-bottom: 1.25em; - padding: 0.75em; + margin-bottom: 1.5625vw; + padding: 0.9375vw; } #nav-links a { - margin-bottom: 0px; - margin-right: 0.15em; - margin-left: 0.15em; + margin-bottom: 0; + margin-right: 0.1875vw; + margin-left: 0.1875vw; font-size: 1.375vw; color: var(--primary); } @@ -42,7 +42,7 @@ const directories = ["skills", "projects", "blogs"]; color: var(--accent); } #nav-path { - margin-right: 2em; + margin-right: 2.5vw; font-size: 1.375vw; } </style> diff --git a/src/components/TerminalBorder.astro b/src/components/TerminalBorder.astro index 10b973e..eae9cc0 100644 --- a/src/components/TerminalBorder.astro +++ b/src/components/TerminalBorder.astro @@ -17,8 +17,8 @@ const { header = "", footer = "", margin = "-0.1vw" } = Astro.props; <style> .section { position: relative; - padding: 0.8em; - padding-top: 0.85em; + padding: 1vw; + padding-top: 1.0625vw; display: flex; border-style: solid; border-width: 0.1vw; @@ -27,23 +27,23 @@ const { header = "", footer = "", margin = "-0.1vw" } = Astro.props; .tag-top { position: absolute; - top: -0.6em; - left: 0.5em; + top: -0.75vw; + left: 0.625vw; background-color: var(--background); - padding-right: 0.5em; - padding-left: 0.5em; - font-size: 0.8em; + padding-right: 0.625vw; + padding-left: 0.625vw; + font-size: 1vw; color: var(--alt); } .tag-bottom { position: absolute; - bottom: -0.6em; - left: 0.5em; + bottom: -0.75vw; + left: 0.625vw; background-color: var(--background); - padding-right: 0.5em; - padding-left: 0.5em; - font-size: 0.8em; + padding-right: 0.625vw; + padding-left: 0.625vw; + font-size: 1vw; color: var(--alt); } </style> |