From e40518d68fb468a2d63bd1e93b8d45e6a2429a3b Mon Sep 17 00:00:00 2001 From: dvdrw Date: Sun, 12 Feb 2023 21:23:46 +0100 Subject: [PATCH] style: improve top screen styling on desktop --- src/lib/TopScreen.svelte | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/src/lib/TopScreen.svelte b/src/lib/TopScreen.svelte index 031d9f8..25cb744 100644 --- a/src/lib/TopScreen.svelte +++ b/src/lib/TopScreen.svelte @@ -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;