do injectfirst around app

This commit is contained in:
Niklas 2025-06-26 10:49:27 +02:00 committed by BlankAccountsUsername
parent 924c4cf3bc
commit 4b13226e9a
3 changed files with 7 additions and 8 deletions

View file

@ -28,7 +28,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) => (
@ -51,7 +50,6 @@ function Header() {
</ListItem> </ListItem>
</List> </List>
</Box> </Box>
</StyledEngineProvider>
); );
return ( return (

View file

@ -61,6 +61,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 {

View file

@ -1,9 +1,9 @@
import React from "react"; import React from 'react';
import ReactDOM from "react-dom/client"; 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"; import { StyledEngineProvider } from '@mui/material';
const root = ReactDOM.createRoot( const root = ReactDOM.createRoot(
document.getElementById("root") as HTMLElement document.getElementById("root") as HTMLElement