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