Resize dialog and add theme

This commit is contained in:
Nicola Benaglia 2025-04-18 18:30:05 +02:00
parent bb79a043e8
commit af1d44990a

View File

@ -57,8 +57,8 @@ export const BuyQortInformation = ({ balance }) => {
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
gap: '10px', gap: '10px',
height: '400px', height: '350px',
maxHeight: '90vh', maxHeight: '80vh',
maxWidth: '90vw', maxWidth: '90vw',
padding: '10px', padding: '10px',
width: '400px', width: '400px',
@ -98,7 +98,9 @@ export const BuyQortInformation = ({ balance }) => {
Trade QORT Trade QORT
</Typography> </Typography>
</ButtonBase> </ButtonBase>
<Spacer height="40px" />
<Spacer height="15px" />
<Typography <Typography
sx={{ sx={{
textDecoration: 'underline', textDecoration: 'underline',
@ -108,9 +110,9 @@ export const BuyQortInformation = ({ balance }) => {
</Typography> </Typography>
<List <List
sx={{ sx={{
width: '100%', bgcolor: theme.palette.background.default,
maxWidth: 360, maxWidth: 360,
bgcolor: theme.palette.background.paper, width: '100%',
}} }}
aria-label="contacts" aria-label="contacts"
> >
@ -118,7 +120,7 @@ export const BuyQortInformation = ({ balance }) => {
<ListItemIcon> <ListItemIcon>
<RadioButtonCheckedIcon <RadioButtonCheckedIcon
sx={{ sx={{
color: theme.palette.primary.main, color: theme.palette.primary.dark,
}} }}
/> />
</ListItemIcon> </ListItemIcon>
@ -128,7 +130,7 @@ export const BuyQortInformation = ({ balance }) => {
<ListItemIcon> <ListItemIcon>
<RadioButtonCheckedIcon <RadioButtonCheckedIcon
sx={{ sx={{
color: theme.palette.primary.main, color: theme.palette.primary.dark,
}} }}
/> />
</ListItemIcon> </ListItemIcon>