monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-02-05 21:33:40 +08:00
Code Issues Projects Releases Packages Wiki Activity

more media query fixes

Browse source
This commit is contained in:
Miodec 2021-04-16 20:01:38 +01:00
parent 8179aa9c1d
commit 033131aa00
1 changed files with 25 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/sass/media-queries.scss
View file

@ -41,6 +41,7 @@
grid-template-areas:
"logo config"
"menu config";
grid-template-columns: auto auto;
.logo {
margin-bottom: 0;
}
@ -155,6 +156,9 @@
.pageAbout .section .supporters, .pageAbout .section .contributors{
grid-template-columns: 1fr 1fr;
}
#top .logo .bottom{
margin-top: 0;
}
#middle {
#result {
grid-template-areas:
@ -186,7 +190,7 @@
.bottom {
font-size: 1.75rem;
line-height: 1.75rem;
margin-top: 0.5rem;
margin-top: 0;
}
.top {
display: none;
@ -228,7 +232,27 @@
}
}
@media only screen and (max-width: 400px) {
#top .logo .bottom{
font-size: 1.5rem;
line-height: 1.5rem;
margin-top: 0;
}
#top .config {
grid-gap: .25rem;
.group .buttons{
font-size: .65rem;
line-height: .65rem;
}
}
#bottom{
font-size: .65rem;
}
}
@media (hover: none) and (pointer: coarse) {
#commandLineMobileButton {