If you are using Mui v5, you might notice that the "mixins.toolbar" don't work. I fixed it by setting the toolbar class to an arrow function: toolbar: (theme)=>theme.mixins.toolbar , then pass that class to a Box component like this, . Happy Coding :)
It'd nice if have used Boxes instead of divs, they serve the same purpose, but anyways, superb as always, a lot of people do videos but you always sprinkle a pinch of extra value by pushing more in depth info or tricks on your videos not to mention your remarkable personality, ty for taking ur time to share :)
I dont mean to be so offtopic but does anyone know a tool to get back into an Instagram account..? I somehow forgot the password. I appreciate any tips you can offer me!
theme.mixins.toolbar does not seem to work, probably because of mui fixes. This worked for me, even though its a quick fix. Anyone seem to have this worked can add on. Great videos buddy. very clear explanation.
Bro m looking for a production level mern stack course. I watched your react playlist since then I couldn't find better teaching then you it would be helpful for me if you make a course on mern stack. I know all of them but when I sit to make applications then I get stuck in state management and on lots more places. If your are gonna make a course then inform me. I'd buy it from Udemy if u put it there.
the idea is get all done with js :) but material ui has a mechanism that allows us to work with plain css and also styled components, if you wanna take a look at it, search for material-ui css plugins, some of them don't come out of the box when you import material-ui, requires an extra installation
At 5:12 you can do
import { useTheme } from "@emotion/react";
const classes = {
toolbar: (theme) => {
return {
my: `${theme.mixins.toolbar.minHeight}px`,
};
},
}
const Layout = ({ children }) => {
const theme = useTheme();
{children}
}
If you are using Mui v5, you might notice that the "mixins.toolbar" don't work. I fixed it by setting the toolbar class to an arrow function: toolbar: (theme)=>theme.mixins.toolbar , then pass that class to a Box component like this, .
Happy Coding :)
Can you share your code, it'll be really helpful
@@jayanspaliwal5907not sure if I can find the original code again but I gave an example in my original comment.
@@jayanspaliwal5907
const classes = {
toolbar: (theme) => {
return theme.mixins.toolbar
},
...
}
...
{children}
It'd nice if have used Boxes instead of divs, they serve the same purpose, but anyways, superb as always, a lot of people do videos but you always sprinkle a pinch of extra value by pushing more in depth info or tricks on your videos not to mention your remarkable personality, ty for taking ur time to share :)
this helps immediately with my university project, thank you!
I dont mean to be so offtopic but does anyone know a tool to get back into an Instagram account..?
I somehow forgot the password. I appreciate any tips you can offer me!
@@luislandry5568 lol
For some reason the calc function was being ignored by my CSS so I added a !important flag before the closing backtick and it worked.
saved my day
what that mean bro
can you help me
tq bro it worked
@@hagensoncruso exactly
@@hagensoncruso exactly
Thank you. Please update the course to V5.
Thanks for this tutorial. It's easy to understand.
This video help me so much, thank you so much S2!
theme.mixins.toolbar does not seem to work, probably because of mui fixes. This worked for me, even though its a quick fix. Anyone seem to have this worked can add on. Great videos buddy. very clear explanation.
{children}
Thanks, does material ui contain something more complex or it is just simple as this
check the docs
if className={classes.appbar} does not work:
Just put style = {{width: `calc(100% - ${drawerWidth}px)`}}
good luck
thanks man, hat the same proplem (maybe caused by MUI Version 5?)
@@minnimau1 maybe... it would be better that u open the documentation, and see it in parallel when u work with the tuto
THANKS MAN
Thank you, that's really helpful!
I love this 🤩
Thanks KaLiiD!
how i run this project
via npm command ?
Jay bhavani 🔥🔥🔥
Bro m looking for a production level mern stack course. I watched your react playlist since then I couldn't find better teaching then you it would be helpful for me if you make a course on mern stack. I know all of them but when I sit to make applications then I get stuck in state management and on lots more places. If your are gonna make a course then inform me. I'd buy it from Udemy if u put it there.
Hey, so if I have my children in a different file than my appbar and toolbar, how can I use the mixins?
could u plz tell me about :: Max height menus in MUI ??
there is a tutorial about login pages and authentication system?
sir in in component Layout.js
[ appbar: {
width:`calc(100% - ${drawerWidth}px)`
},]
this is not working
the minus sign should have a space before and after it
@@snowymountaintops75 you saved my day , Thanks a lot !!
What's the difference between Appbar and Toolbar?
How can i float my link buttons to right in material ui
Awesome, I did it old way: .right { marginLeft: 'auto'}
Now I know new way : .left: { flexGrow: 1 }
Thanks
How do you just install a new npm package in a new terminal while react script start is running? I have to terminate it first.
He opened a new one, plus sign
best tutorial
ah yes the proper order of writing the date.. idk why americans put the month first 😅
excellent tutorial but the JSS-IN-CSS thing makes me wonder, why did we ever stop styling with plain old css or saas 👀
the idea is get all done with js :)
but material ui has a mechanism that allows us to work with plain css and also styled components, if you wanna take a look at it, search for material-ui css plugins, some of them don't come out of the box when you import material-ui, requires an extra installation
ty
❤❤