missing sidebar on hd screen about material-kit-react HOT 8 CLOSED

yes its not working

from material-kit-react.

Bump!

from material-kit-react.

Change line 33 to
{ path: '/', element: <Navigate to="/login" /> },

Default route will now point to login when running localhost:3000

from material-kit-react.

The problem is with the xlUp and lgDown in the hidden components in DashboardNavbar and DashboardSidebar. It leaves the lg option with both parts hidden as seen in the picture.
When changing both to xlUp and xlDown or lgUp and lgDown it works just fine.

from material-kit-react.

if you increase the width above 1550 it works

from material-kit-react.

Changes for everything to work normally as expected!!

1. In DashboardNavbar.js change 27 to 45:

<Hidden only={['xs', 'md', 'sm']}> <IconButton color="inherit" size="large"> <Badge badgeContent={notifications.length} color="primary" variant="dot" > <NotificationsIcon /> </Badge> </IconButton> <IconButton color="inherit" size="large"> <InputIcon /> </IconButton> </Hidden> <Hidden only={['lg', 'xl']}> <IconButton color="inherit" onClick={onMobileNavOpen} size="large"> <MenuIcon /> </IconButton> </Hidden>

2. DashboardSidebar.js
   Change the line 134 to 165:
   `{openMobile && (
   <Drawer
   anchor="left"
   onClose={onMobileClose}
   open={openMobile}
   variant="temporary"
   PaperProps={{
   sx: {
   width: 256
   }
   }}
   >
   {content}
   
   )}

   <Hidden only={['xs', 'md', 'sm']}>
   <Drawer
   anchor="left"
   open
   variant="persistent"
   PaperProps={{
   sx: {
   width: 256,
   top: 64,
   height: 'calc(100% - 64px)'
   }
   }}
   >
   {content}
   
   `

from material-kit-react.

We updated the design and this includes a fix for the sidebar.

from material-kit-react.

from material-kit-react.