Improve transparency effects and add comma formatting

This commit is contained in:
Your Name
2025-04-29 18:37:39 -04:00
parent ac810b415a
commit cd97f60cbb
2 changed files with 19 additions and 9 deletions

View File

@@ -20,27 +20,32 @@ const darkTheme = createTheme({
},
background: {
default: '#121212',
paper: 'rgba(30, 30, 30, 0.9)',
paper: 'rgba(30, 30, 30, 0.7)',
},
},
components: {
MuiPaper: {
defaultProps: {
elevation: 3,
},
styleOverrides: {
root: {
backdropFilter: 'blur(10px)',
backgroundColor: 'rgba(30, 30, 30, 0.9) !important',
'&.MuiTableContainer-root': {
backgroundColor: 'rgba(30, 30, 30, 0.7) !important',
'& .MuiTableContainer-root, & .MuiTable-root, & .MuiTableCell-root': {
backdropFilter: 'blur(10px)',
backgroundColor: 'rgba(30, 30, 30, 0.9) !important',
backgroundColor: 'transparent !important',
},
},
},
},
MuiTableCell: {
MuiContainer: {
styleOverrides: {
root: {
backdropFilter: 'blur(10px)',
backgroundColor: 'rgba(30, 30, 30, 0.9) !important',
'& .MuiPaper-root': {
backdropFilter: 'blur(10px)',
backgroundColor: 'rgba(30, 30, 30, 0.7) !important',
},
},
},
},

View File

@@ -200,9 +200,14 @@ const EventAdmin: React.FC = () => {
<TableCell>{rsvp.name}</TableCell>
<TableCell>{rsvp.attending.charAt(0).toUpperCase() + rsvp.attending.slice(1)}</TableCell>
<TableCell>
{rsvp.bringing_guests === 'yes' ? `${rsvp.guest_count} (${rsvp.guest_names})` : 'No'}
{rsvp.bringing_guests === 'yes' ?
`${rsvp.guest_count} (${rsvp.guest_names.split(' ').join(', ')})` :
'No'
}
</TableCell>
<TableCell>
{rsvp.items_bringing.split(' ').join(', ')}
</TableCell>
<TableCell>{rsvp.items_bringing}</TableCell>
<TableCell>
<IconButton
color="primary"