diff options
| author | Kyren223 <Kyren223@proton.me> | 2024-11-14 13:48:19 +0200 |
|---|---|---|
| committer | Kyren223 <Kyren223@proton.me> | 2024-11-14 13:48:19 +0200 |
| commit | 85efa0fb9695e9f805c620ff689f47ce12b24e91 (patch) | |
| tree | 0ede677de9ea8edf2ae4a6b4d04c758a4b50a2c1 | |
| parent | debc09cb3bae4865d0b5e7101e7feaa04d75c859 (diff) | |
Fixed issue with font sizes, scaled it to 0.9rem (18.666 on the browser
thing), without the fonts it was 1rem = 18.6666 so I need to scale it,
but only inside the <main> tag and not <html> otherwise it would also
scale the entire website
| -rw-r--r-- | src/components/Nav.astro | 6 | ||||
| -rw-r--r-- | src/pages/index.astro | 3 | ||||
| -rw-r--r-- | src/styles/terminal.css | 2 |
3 files changed, 6 insertions, 5 deletions
diff --git a/src/components/Nav.astro b/src/components/Nav.astro index 7377f01..8d948f2 100644 --- a/src/components/Nav.astro +++ b/src/components/Nav.astro @@ -24,7 +24,7 @@ const directories = ["skills", "projects", "blogs"]; <style> nav { - font-weight: 300; + font-weight: 900; display: flex; justify-content: space-between; border: 1.5px var(--alt); @@ -37,13 +37,13 @@ const directories = ["skills", "projects", "blogs"]; margin-bottom: 0px; margin-left: 0.15rem; color: var(--primary); - font-size: 1.25rem; + /* font-size: 1.25rem; */ } #nav-links a:hover { color: var(--accent); } #nav-path { margin-right: 2rem; - font-size: 1.25rem; + /* font-size: 1.25rem; */ } </style> diff --git a/src/pages/index.astro b/src/pages/index.astro index 2ca1244..49c8d7d 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -43,7 +43,7 @@ watching Anime or solving Rubik's cubes fast.`.trimStart(); class="h-[100%] object-cover" /> <pre - class="sshKeyCopy text-[75%] hover:text-[var(--secondary)]">{fingerprint}</pre> + class="sshKeyCopy text-[0.6rem] hover:text-[var(--secondary)]">{fingerprint}</pre> </div> </TerminalBorder> <TerminalBorder header="Email"> @@ -206,6 +206,5 @@ watching Anime or solving Rubik's cubes fast.`.trimStart(); height: 20px; padding: 0; line-height: 30px; - font-size: 16px; } </style> diff --git a/src/styles/terminal.css b/src/styles/terminal.css index 1d97d16..8ee4add 100644 --- a/src/styles/terminal.css +++ b/src/styles/terminal.css @@ -53,6 +53,8 @@ main { max-width: 75%; max-height: 80%; overflow: hidden; + font-size: 0.9rem; + font-weight: 300; } h1, |