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 DrawerList = (
<StyledEngineProvider injectFirst>
<Box role="menu" onClick={() => setIsOpen(false)}>
<List className="drawer-list">
{["Feed", "Create Post", "Profile", "About Us"].map((text, index) => (
@ -51,7 +50,6 @@ function Header() {
</ListItem>
</List>
</Box>
</StyledEngineProvider>
);
return (

View file

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

View file

@ -1,9 +1,9 @@
import React from "react";
import ReactDOM from "react-dom/client";
import "./index.css";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
import { StyledEngineProvider } from "@mui/material";
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { StyledEngineProvider } from '@mui/material';
const root = ReactDOM.createRoot(
document.getElementById("root") as HTMLElement