diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 2703ccc..938ff7d 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -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', + }, }, }, }, diff --git a/frontend/src/components/EventAdmin.tsx b/frontend/src/components/EventAdmin.tsx index bd34684..7d5f277 100644 --- a/frontend/src/components/EventAdmin.tsx +++ b/frontend/src/components/EventAdmin.tsx @@ -200,9 +200,14 @@ const EventAdmin: React.FC = () => { {rsvp.name} {rsvp.attending.charAt(0).toUpperCase() + rsvp.attending.slice(1)} - {rsvp.bringing_guests === 'yes' ? `${rsvp.guest_count} (${rsvp.guest_names})` : 'No'} + {rsvp.bringing_guests === 'yes' ? + `${rsvp.guest_count} (${rsvp.guest_names.split(' ').join(', ')})` : + 'No' + } + + + {rsvp.items_bringing.split(' ').join(', ')} - {rsvp.items_bringing}