fix styling

This commit is contained in:
Viktor Rådberg
2023-09-26 17:00:22 +02:00
parent b65134d5e7
commit a5659f3b22

View File

@@ -436,9 +436,11 @@ const PlayerMenu = ({ player, setShowPlayerMenu }: PlayerMenuProps) => {
id={`reset-game-${player.index}`} id={`reset-game-${player.index}`}
style={{ style={{
borderRadius: '1rem', borderRadius: '1rem',
backgroundColor: theme.palette.primary.main, backgroundColor: theme.palette.background.default,
position: 'absolute', position: 'absolute',
top: '25%', top: '25%',
color: theme.palette.text.primary,
border: 'none',
}} }}
> >
<h3>Reset Game?</h3> <h3>Reset Game?</h3>
@@ -449,14 +451,17 @@ const PlayerMenu = ({ player, setShowPlayerMenu }: PlayerMenuProps) => {
justifyContent: 'space-evenly', justifyContent: 'space-evenly',
}} }}
> >
<button <Button
variant="contained"
onClick={() => { onClick={() => {
settingsContainerRef.current?.querySelector(`dialog`)?.close(); settingsContainerRef.current?.querySelector(`dialog`)?.close();
}} }}
> >
No No
</button> </Button>
<button <Spacer width="1rem" />
<Button
variant="contained"
onClick={() => { onClick={() => {
handleResetGame(); handleResetGame();
@@ -464,7 +469,7 @@ const PlayerMenu = ({ player, setShowPlayerMenu }: PlayerMenuProps) => {
}} }}
> >
Yes Yes
</button> </Button>
</div> </div>
</dialog> </dialog>
</SettingsContainer> </SettingsContainer>