style: improve top screen rendering on desktop
This commit is contained in:
parent
a29d11f385
commit
a1bd44ffb3
|
@ -86,7 +86,7 @@
|
|||
font-size: 1.2em;
|
||||
transition: background-color;
|
||||
transition-duration: 250ms;
|
||||
font-size: calc(15px + 0.390625vw);
|
||||
font-size: min(calc(15px + 0.390625vw), 18.5px);
|
||||
}
|
||||
|
||||
button.enabled {
|
||||
|
|
|
@ -129,8 +129,10 @@
|
|||
}
|
||||
|
||||
:global(.container:not(.mobile)) .settings {
|
||||
max-width: 500px;
|
||||
flex-grow: 1;
|
||||
flex-basis: 0;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
:global(.container.mobile) .contents {
|
||||
|
@ -156,6 +158,7 @@
|
|||
:global(.container:not(.mobile)) & {
|
||||
height: 150px;
|
||||
|
||||
|
||||
@extend .mt-18;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue