IDeletedSystem64/system64.dev
1
0
Fork 0
Code Issues 4 Pull requests Releases 2 Activity

Fix sizing issues on mobile devices

Browse source
This commit is contained in:
IDeletedSystem64 2022-08-18 18:35:41 -05:00
parent f582c7a569
commit b4cb152fd2
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
styles/stylemain.css
View file

@ -49,6 +49,7 @@ input {
background: #dad9d9; background: #dad9d9;
font-size: 170%; font-size: 170%;
font-family: 'Share Tech Mono', monospace; font-family: 'Share Tech Mono', monospace;
color: black;
box-shadow: inset -0.05em -0.05em black box-shadow: inset -0.05em -0.05em black
} }
input:active { input:active {
@ -61,7 +62,6 @@ a {
} }
.button { .button {
display: inline-flex; display: inline-flex;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
border: none; border: none;
@ -128,16 +128,16 @@ img.githubico {
padding-left: 25%; padding-left: 25%;
} }
input { input {
margin-left: -10%;
font-size: 7vw; font-size: 7vw;
-webkit-text-size-adjust:100%; -webkit-text-size-adjust:100%;
min-width: 110%; min-width: 125%;
max-width: 110%; max-width: 125;
/* I lack the understanding as to why I have to set a mix/max, but its also nearly midnight as I'm writing this and I should probably go to bed. */
} }
p.info { p.info {
font-family: 'Share Tech Mono', monospace; font-family: 'Share Tech Mono', monospace;
color: white; color: white;
font-size: 5vw; font-size: 4.5vw;
text-align: center; text-align: center;
} }
} }