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

adjusted commandline styling and media queries

Browse source
This commit is contained in:
Miodec 2022-09-07 13:04:27 +02:00
parent c17ea36cd4
commit f3340996f1
2 changed files with 10 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/src/styles/commandline.scss
View file

@ -7,12 +7,14 @@
top: 0;
z-index: 1000;
display: grid;
justify-content: center;
justify-items: center;
align-items: start;
padding: 5rem 0;
padding: 5rem 2rem;
grid-template-columns: 1fr;
#commandInput {
width: 700px;
max-width: 700px;
width: 100%;
background: var(--bg-color);
border-radius: var(--roundness);
@ -37,7 +39,8 @@
}
#commandLine {
width: 700px;
max-width: 700px;
width: 100%;
background: var(--bg-color);
border-radius: var(--roundness);

20
frontend/src/styles/z_media-queries.scss
View file

@ -426,11 +426,6 @@
.section.themes .tabContent.customTheme {
}
}
#commandLine,
#commandLineInput {
width: 600px !important;
}
}
@media only screen and (max-width: 750px) {
@ -661,10 +656,6 @@
#leaderboardsWrapper #leaderboards .leaderboardsTop .buttonGroup {
grid-auto-flow: row;
}
#commandLine,
#commandLineInput {
width: 500px !important;
}
#customTextPopupWrapper {
#customTextPopup {
.wordfilter.button {
@ -696,6 +687,9 @@
}
@media only screen and (max-width: 550px) {
#commandLineWrapper {
padding: 5rem 1rem;
}
.profile .pbsWords,
.profile .pbsTime {
font-size: 0.9rem;
@ -880,10 +874,6 @@
}
}
}
#commandLine,
#commandLineInput {
width: 400px !important;
}
}
@media only screen and (max-width: 450px) {
@ -936,10 +926,6 @@
}
}
#commandLine,
#commandLineInput {
width: 300px !important;
}
#leaderboardsWrapper #leaderboards {
.tables .titleAndTable .titleAndButtons {
grid-template-columns: unset;