reset game styling

This commit is contained in:
Viktor Rådberg
2024-01-14 10:38:28 +01:00
parent 4453b12ce6
commit d615cfd3ba

View File

@@ -373,25 +373,27 @@ const PlayerMenu = ({ player, setShowPlayerMenu }: PlayerMenuProps) => {
</BetterRowContainer> </BetterRowContainer>
<dialog <dialog
ref={dialogRef} ref={dialogRef}
className="z-[9999] bg-background-default text-text-primary rounded-2xl border-none absolute top-[10%]" className="z-[9999] min-h-2/4 bg-background-default text-text-primary rounded-2xl border-none absolute top-[10%]"
> >
<h1>Reset Game?</h1> <div className="h-full flex flex-col p-4 gap-2">
<div style={{ display: 'flex', justifyContent: 'space-evenly' }}> <h1 className="text-center">Reset Game?</h1>
<Button <div className="flex justify-evenly gap-4">
variant="contained" <Button
onClick={() => dialogRef.current?.close()} variant="contained"
> onClick={() => dialogRef.current?.close()}
No >
</Button> No
<Button </Button>
variant="contained" <Button
onClick={() => { variant="contained"
handleResetGame(); onClick={() => {
dialogRef.current?.close(); handleResetGame();
}} dialogRef.current?.close();
> }}
Yes >
</Button> Yes
</Button>
</div>
</div> </div>
</dialog> </dialog>
</SettingsContainer> </SettingsContainer>