Kyren223/github-website
1
0
Fork 0
mirror of https://github.com/Kyren223/website.git synced 2026-04-21 11:55:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Started working on changing units to make the design more consistent

Browse Source
This commit is contained in:
Kyren223
2025-01-03 09:59:04 +02:00
parent 29245a84ad
commit 3c3a27ea3b
4 changed files with 33 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Nav.astro
View File

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

26
src/components/TerminalBorder.astro
View File

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

8
src/pages/index.astro
View File

@@ -176,7 +176,7 @@ watching Anime or solving Rubik's cubes fast.`.trimStart();
<style>
#content {
margin-top: 0.5rem;
margin-top: 0.625vw;
display: flex;
justify-content: space-between;
}
@@ -189,15 +189,15 @@ watching Anime or solving Rubik's cubes fast.`.trimStart();
}
.column {
border-width: 1px;
border-color: var(--alt);
/* border-width: 10px; */
/* border-color: var(--alt); */
}
button {
background-color: var(--background);
color: var(--text);
border: 0;
font-size: 1rem;
font-size: 1.25vw;
cursor: pointer;
width: 20px;
height: 20px;

22
src/styles/terminal.css
View File

@@ -26,16 +26,6 @@ body {
overflow-y: scroll;
zoom: 1;
}
@media screen and (max-width: 768px) {
body {
zoom: 0.8;
}
}
@media screen and (max-width: 480px) {
body {
zoom: 0.7;
}
}
main {
display: block;
@@ -47,13 +37,17 @@ main {
border: 1px;
border-style: solid;
background: var(--background);
padding: 1.75rem;
width: 55rem;
height: 28rem;
/* padding: 1.75rem; */
/* width: 55rem; */
/* height: 28rem; */
padding: 2.2svw;
width: 68.75svw;
height: 35svw;
max-width: 75%;
max-height: 80%;
overflow: hidden;
font-size: 0.9rem;
font-size: 1.125svw;
/* font-size: 0.9rem; */
font-weight: 300;
}