RyderTech/rsvp-manager
1
0
Fork 0
Code Issues Pull Requests Packages Activity

Remove non-existent Material-UI type packages

Browse Source
This commit is contained in:
Your Name
2025-04-29 18:31:29 -04:00
parent 733eb6f6d8
commit c9a754fc52
1 changed files with 30 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
frontend/src/App.tsx
View File

@@ -2,7 +2,7 @@ import React from 'react';
import { ThemeProvider, createTheme } from '@mui/material/styles'; import { ThemeProvider, createTheme } from '@mui/material/styles';
import CssBaseline from '@mui/material/CssBaseline'; import CssBaseline from '@mui/material/CssBaseline';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import { Container } from '@mui/material'; import { Container, Box } from '@mui/material';
import EventList from './components/EventList'; import EventList from './components/EventList';
import EventForm from './components/EventForm'; import EventForm from './components/EventForm';
import RSVPForm from './components/RSVPForm'; import RSVPForm from './components/RSVPForm';
@@ -20,7 +20,17 @@ const darkTheme = createTheme({
}, },
background: { background: {
default: '#121212', default: '#121212',
paper: '#1e1e1e', paper: 'rgba(30, 30, 30, 0.9)',
},
},
components: {
MuiPaper: {
styleOverrides: {
root: {
backdropFilter: 'blur(10px)',
backgroundColor: 'rgba(30, 30, 30, 0.9)',
},
},
}, },
}, },
}); });
@@ -30,23 +40,24 @@ const App: React.FC = () => {
<ThemeProvider theme={darkTheme}> <ThemeProvider theme={darkTheme}>
<CssBaseline /> <CssBaseline />
<Router> <Router>
<div className="min-h-screen bg-gray-100"> <Box
<header className="bg-white shadow"> sx={{
<div className="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8"> minHeight: '100vh',
<h1 className="text-3xl font-bold text-gray-900">RSVP Manager</h1> backgroundImage: 'url(https://www.rydertech.us/backgrounds/space1.jpg)',
</div> backgroundSize: 'cover',
</header> backgroundPosition: 'center',
<main> backgroundAttachment: 'fixed',
<div className="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8"> }}
<Routes> >
<Route path="/" element={<EventList />} /> <Container maxWidth="lg" sx={{ py: 4 }}>
<Route path="/create" element={<EventForm />} /> <Routes>
<Route path="/events/:slug/rsvp" element={<RSVPForm />} /> <Route path="/" element={<EventList />} />
<Route path="/events/:slug/admin" element={<EventAdmin />} /> <Route path="/create" element={<EventForm />} />
</Routes> <Route path="/events/:slug/rsvp" element={<RSVPForm />} />
</div> <Route path="/events/:slug/admin" element={<EventAdmin />} />
</main> </Routes>
</div> </Container>
</Box>
</Router> </Router>
</ThemeProvider> </ThemeProvider>
); );