Improve transparency effects and add comma formatting
This commit is contained in:
@@ -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',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user