From f6a8aeeb6ff4a5ffabbc42ff1ae4055d0d8fb42e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Viktor=20R=C3=A5dberg?= Date: Mon, 3 Jul 2023 12:52:16 +0200 Subject: [PATCH] fix styling again --- my-app/src/App.tsx | 28 +++++++++++++++++----------- 1 file changed, 17 insertions(+), 11 deletions(-) diff --git a/my-app/src/App.tsx b/my-app/src/App.tsx index 566724a..7d6a664 100644 --- a/my-app/src/App.tsx +++ b/my-app/src/App.tsx @@ -12,15 +12,20 @@ const MainWrapper = styled.div` `; const FullScreenButtonContainer = styled.div` - height: 80px; - width: 80vw; - margin: auto; - position: relative; -` + display: none; + + @media (orientation: portrait) { + display: block; + height: 80px; + width: 80vw; + margin: auto; + position: relative; + } +`; const FullscreenButton = styled.button` display: none; - @media (orientation: portrait) { + @media (orientation: portrait) { display: block; height: 100%; width: 100%; @@ -28,12 +33,12 @@ const FullscreenButton = styled.button` `; const TitleText = styled.h1` + display: none; font-size: 2rem; font-weight: 600; margin: 0; text-align: center; user-select: none; - display: none; padding: 5rem 1rem 2rem 1rem; @media (orientation: portrait) { @@ -91,7 +96,7 @@ const players: Player[] = [ color: "aquamarine", settings: { useCommanderDamage: true, - usePartner: true, + usePartner: false, useEnergy: true, useExperience: true, usePoison: true, @@ -123,9 +128,10 @@ function App() {
Pressing the fullscreen button is also very recommended. - - Toggle Fullscreen - + + + Toggle Fullscreen +