monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-20 15:26:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

impr(test): base the size of large live wpm and timer on browser width

Browse source
This commit is contained in:
Miodec 2023-08-13 02:02:29 +02:00
parent 2ac2ad75db
commit 029266c70b
1 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/styles/test.scss
View file

@ -122,19 +122,21 @@
left: 0;
width: 100%;
position: relative;
font-size: 10rem;
font-size: clamp(1rem, 12vw, 10rem);
opacity: 0;
width: 0;
height: 0;
margin: 0 auto;
display: grid;
justify-content: center;
bottom: 6rem;
bottom: clamp(2rem, 12vw, 6rem);
transition: none;
}
#largeLiveWpmAndAcc {
font-size: 10rem;
font-size: clamp(1rem, 12vw, 10rem);
color: black;
width: 100%;
left: 0;
@ -142,12 +144,12 @@
z-index: -1;
height: 0;
line-height: 0;
top: 5rem;
top: clamp(1rem, 10vw, 5rem);
position: relative;
display: grid;
grid-auto-flow: column;
justify-content: center;
gap: 5rem;
gap: clamp(1rem, 8vw, 5rem);
width: 0;
margin: 0 auto;