reset dialog styles

This commit is contained in:
Monkey 2024-08-09 13:54:48 -04:00 committed by Cody Bender
parent 7b72631206
commit 38d68a86d5
3 changed files with 34 additions and 6 deletions

View File

@ -1,6 +1,7 @@
import React from 'react'; import React from 'react';
import { Dialog, DialogTitle, DialogContent, DialogActions, Button, Typography } from '@mui/material'; import { Dialog, DialogTitle, DialogContent, DialogActions, Button, Typography } from '@mui/material';
import { ResetDialogProps } from '../types'; import { ResetDialogProps } from '../types';
import styles from "../styles/stylesheet";
const ConfirmDialog = ({ const ConfirmDialog = ({
title, title,
@ -10,15 +11,15 @@ const ConfirmDialog = ({
}: ResetDialogProps) => { }: ResetDialogProps) => {
return ( return (
<Dialog open={visible} onClose={hideDialog}> <Dialog open={visible} onClose={hideDialog}>
<DialogTitle>{title}</DialogTitle> <DialogTitle style={{...styles.resetDialogTitle}} >{title}</DialogTitle>
<DialogContent> <DialogContent style={{...styles.resetDialogContent}}>
<Typography variant="body1">Are you sure?</Typography> <Typography>Are you sure?</Typography>
</DialogContent> </DialogContent>
<DialogActions> <DialogActions style={{...styles.resetDialogActionRow}}>
<Button color="error" onClick={onConfirm}> <Button style={{...styles.buttonRed, ...styles.button}} color="error" onClick={onConfirm}>
Yes Yes
</Button> </Button>
<Button onClick={hideDialog}>No</Button> <Button style={{...styles.buttonBlue, ...styles.button}} onClick={hideDialog}>No</Button>
</DialogActions> </DialogActions>
</Dialog> </Dialog>
); );

View File

@ -68,6 +68,13 @@ const muiTheme = createTheme({
fontWeight: 400, fontWeight: 400,
}, },
}, },
MuiPaper: {
defaultProps: {
sx: {
backgroundImage: "none",
},
},
},
}, },
palette: { palette: {
mode: "dark", mode: "dark",

View File

@ -77,6 +77,26 @@ const styles = StyleSheet.create({
dialogWarning: { dialogWarning: {
color: '#FFA3A8', color: '#FFA3A8',
}, },
resetDialogTitle:{
width: 500,
backgroundColor: '#18181A'
},
resetDialogContent: {
backgroundColor: '#18181A',
},
resetDialogActionRow: {
backgroundColor: '#18181A',
},
button: {
color: '#fff',
margin: 10
},
buttonRed: {
backgroundColor: '#B20710'
},
buttonBlue: {
backgroundColor: '#0000F4'
},
mnemonicTitle:{ mnemonicTitle:{
backgroundColor: '#18181A', backgroundColor: '#18181A',
}, },