style: improve top screen styling on desktop

This commit is contained in:
dvdrw 2023-02-12 21:23:46 +01:00
parent 380d3a7d89
commit e40518d68f
Signed by: dvdrw
GPG Key ID: 044B8425E3CD03E0
1 changed files with 13 additions and 0 deletions

View File

@ -182,6 +182,12 @@
grid-template-rows: repeat(2, 1fr);
grid-template-columns: repeat(2, 50%);
height: 35%;
:global(.container:not(.mobile)) & {
height: 150px;
@extend .mt-18;
}
}
.button {
margin: 8px;
@ -233,6 +239,13 @@
display: grid;
grid-template-columns: repeat(3, 1fr);
height: 10%;
:global(.container:not(.mobile)) & {
height: 50px;
& .button {
font-size: 16px;
}
}
}
.options-bar .button {
margin-top: 8px;