code/alexdaniels.me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Font size fixes for terminal

Browse source
This commit is contained in:
Alex 2026-06-05 10:58:55 -07:00
parent e5b388cbf3
commit 7f1d17ee09
2 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

10
assets/styles/landing.css
View file

@ -119,13 +119,13 @@
display: flex; display: flex;
min-height: 100vh; min-height: 100vh;
justify-content: center; justify-content: center;
align-items: flex-start; align-items: center;
width: 100%; width: 100%;
} }
.home #root.v1 .top .computer { .home #root.v1 .top .computer {
display: block; display: block;
max-width: 800px; max-width: 800px;
max-height: 600px; max-height: 400px;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: #1d1f20; background-color: #1d1f20;
@ -143,7 +143,7 @@
} }
@media screen and (min-width: 600px) { @media screen and (min-width: 600px) {
.home #root.v1 .top .computer .heading { .home #root.v1 .top .computer .heading {
font-size: 1.5rem; font-size: 1rem;
} }
} }
.home #root.v1 .top .computer .heading:before { .home #root.v1 .top .computer .heading:before {
@ -183,7 +183,7 @@
} }
@media screen and (min-width: 600px) { @media screen and (min-width: 600px) {
.home #root.v1 .top .computer #body .about { .home #root.v1 .top .computer #body .about {
font-size: 2rem; font-size: 1.125rem;
animation: showText 0.1s forwards; animation: showText 0.1s forwards;
animation-delay: 1s; animation-delay: 1s;
} }
@ -227,7 +227,7 @@
} }
@media screen and (min-width: 600px) { @media screen and (min-width: 600px) {
.home #root.v1 .top .computer #outro .menu a { .home #root.v1 .top .computer #outro .menu a {
font-size: 2rem; font-size: 1.125rem;
} }
} }
.home #root.v1 .bottom { .home #root.v1 .bottom {

10
assets/styles/scss/landing/_computer.scss
View file

@ -140,13 +140,13 @@
display: flex; display: flex;
min-height: 100vh; min-height: 100vh;
justify-content: center; justify-content: center;
align-items: flex-start; align-items: center;
width: 100%; width: 100%;
.computer { .computer {
display: block; display: block;
max-width: 800px; max-width: 800px;
max-height: 600px; max-height: 400px;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: colors.$primaryBlack; background-color: colors.$primaryBlack;
@ -164,7 +164,7 @@
padding-left: 1rem; padding-left: 1rem;
@media screen and (min-width: 600px) { @media screen and (min-width: 600px) {
font-size: 1.5rem; font-size: 1rem;
} }
&:before { &:before {
@ -210,7 +210,7 @@
color: colors.$primaryYellow; color: colors.$primaryYellow;
@media screen and (min-width: 600px) { @media screen and (min-width: 600px) {
font-size: 2rem; font-size: 1.125rem;
animation: showText 0.1s forwards; animation: showText 0.1s forwards;
animation-delay: 1s; animation-delay: 1s;
} }
@ -257,7 +257,7 @@
cursor: pointer; cursor: pointer;
@media screen and (min-width: 600px) { @media screen and (min-width: 600px) {
font-size: 2rem; font-size: 1.125rem;
} }
} }
} }