monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-10-24 14:56:23 +08:00
Code Issues Projects Releases Packages Wiki Activity

support popup media queries

Browse source
This commit is contained in:
Miodec 2020-12-19 04:08:16 +00:00
parent 20dc142be0
commit 0974432f89
2 changed files with 29 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/sass/style.scss
View file

@ -707,7 +707,7 @@ a:hover {
border-radius: var(--roundness);
padding: 2rem;
display: grid;
grid-template-rows: 2rem auto auto;
grid-template-rows: auto auto auto;
gap: 2rem;
@extend .ffscroll;
@ -729,6 +729,7 @@ a:hover {
.button{
display: block;
width: 100%;
height: 100%;
padding: 2rem 0;
display: grid;
gap: 1rem;
@ -3004,6 +3005,17 @@ key {
grid-template-rows: 1fr 1fr;
}
}
#supportMe {
width: 90vw !important;
.buttons{
.button{
.icon{
font-size: 3rem !important;
line-height: 3rem !important;
}
}
}
}
}
@media only screen and (max-width: 800px) {
@ -3058,6 +3070,21 @@ key {
}
}
#supportMe {
width: 80vw !important;
.buttons{
grid-template-columns: none !important;
.button{
grid-template-columns: auto auto;
align-items: center;
.icon{
font-size: 2rem !important;
line-height: 2rem !important;
}
}
}
}
#commandLine,
#commandLineInput {
width: 400px !important;

2
static/index.html
View file

@ -781,7 +781,7 @@
</a>
<a class="button" href="https://www.patreon.com/monkeytype" target="_blank">
<div class="icon"><i class="fab fa-patreon"></i></div>
<div class="text">Become a Patron</div>
<div class="text">Become<br>a Patron</div>
</a>
<a class="button" href="https://monkeytype.store" target="_blank">
<div class="icon"><i class="fas fa-tshirt"></i></div>