mirrors/VogelSocialMedia
1
0
Fork 0
mirror of https://github.com/bubblecup-12/VogelSocialMedia.git synced 2025-07-06 15:18:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

do injectfirst around app

Browse source
This commit is contained in:
Niklas 2025-06-26 10:49:27 +02:00 • committed by BlankAccountsUsername
parent f664f50772
commit 82ca946e89
3 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
code/frontend/src/components/Header.tsx
View file

@ -31,7 +31,6 @@ function Header() {
const routerLinksList = ["/","/createpost","/profile","/about","/"] const routerLinksList = ["/","/createpost","/profile","/about","/"]
const DrawerList = ( const DrawerList = (
<StyledEngineProvider injectFirst>
<Box role="menu" onClick={() => setIsOpen(false)}> <Box role="menu" onClick={() => setIsOpen(false)}>
<List className="drawer-list"> <List className="drawer-list">
{["Feed", "Create Post", "Profile", "About Us"].map((text, index) => ( {["Feed", "Create Post", "Profile", "About Us"].map((text, index) => (
@ -54,7 +53,6 @@ function Header() {
</ListItem> </ListItem>
</List> </List>
</Box> </Box>
</StyledEngineProvider>
); );
return ( return (

1
code/frontend/src/components/header.css
View file

@ -56,6 +56,7 @@
.drawer-list { .drawer-list {
background-color: #2f325e; background-color: #2f325e;
min-height: 100vh; min-height: 100vh;
min-width: 13rem;
} }
.drawer-list-item { .drawer-list-item {

11
code/frontend/src/index.tsx
View file

@ -3,14 +3,17 @@ import ReactDOM from "react-dom/client";
import "./index.css"; import "./index.css";
import App from "./App"; import App from "./App";
import reportWebVitals from "./reportWebVitals"; import reportWebVitals from "./reportWebVitals";
import { StyledEngineProvider } from "@mui/material";
const root = ReactDOM.createRoot( const root = ReactDOM.createRoot(
document.getElementById("root") as HTMLElement document.getElementById("root") as HTMLElement
); );
root.render( root.render(
<React.StrictMode> <React.StrictMode>
<App /> <StyledEngineProvider injectFirst>
</React.StrictMode> <App />
</StyledEngineProvider>
</React.StrictMode>
); );
// If you want to start measuring performance in your app, pass a function // If you want to start measuring performance in your app, pass a function