diff --git a/src/Components/Misc/InfoModal.tsx b/src/Components/Misc/InfoModal.tsx index 81c8b9a..3c77ca5 100644 --- a/src/Components/Misc/InfoModal.tsx +++ b/src/Components/Misc/InfoModal.tsx @@ -6,7 +6,7 @@ import { Cross } from '../../Icons/generated'; import { useEffect } from 'react'; import { useAnalytics } from '../../Hooks/useAnalytics'; -export const ModalWrapper = twc.div`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-[85vh] bg-background-default p-4 overflow-scroll rounded-2xl border-none text-text-primary w-[95vw] max-w-[548px]`; +export const ModalWrapper = twc.div`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-[47.5%] h-[95%] bg-background-default p-4 overflow-scroll rounded-2xl border-none text-text-primary w-[95vw] max-w-[548px]`; type InfoModalProps = { isOpen: boolean; diff --git a/src/Components/Views/StartMenu/StartMenu.tsx b/src/Components/Views/StartMenu/StartMenu.tsx index c391a26..71c8b8c 100644 --- a/src/Components/Views/StartMenu/StartMenu.tsx +++ b/src/Components/Views/StartMenu/StartMenu.tsx @@ -19,9 +19,9 @@ import { SettingsModal } from '../../Misc/SettingsModal'; import { SupportMe } from '../../Misc/SupportMe'; import { LayoutOptions } from './LayoutOptions'; -const MainWrapper = twc.div`w-[100dvw] h-fit pb-14 overflow-hidden items-center flex flex-col`; +const MainWrapper = twc.div`w-[100dvw] h-fit pb-24 overflow-hidden items-center flex flex-col min-[349px]:pb-10`; -const StartButtonFooter = twc.div`w-full max-w-[548px] fixed bottom-4 z-1 items-center flex flex-row px-4 z-10`; +const StartButtonFooter = twc.div`w-full max-w-[548px] fixed bottom-4 z-1 items-center flex flex-row flex-wrap px-4 z-10 gap-4`; const SliderWrapper = twc.div`mx-8`; @@ -350,23 +350,24 @@ const Start = () => { - + NEW GAME + + {savedGame && ( - + RESUME  + + ({savedGame.players.length}  + {savedGame.players.length > 1 ? 'players' : 'player'}) + + )}