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
This commit is contained in:
2024-11-14 13:48:19 +02:00
parent debc09cb3b
commit 85efa0fb96
3 changed files with 6 additions and 5 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -53,6 +53,8 @@ main {
max-width: 75%;
max-height: 80%;
overflow: hidden;
font-size: 0.9rem;
font-weight: 300;
}
h1,