style: improve top screen styling on desktop
This commit is contained in:
parent
380d3a7d89
commit
e40518d68f
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue