Fixed navigation progress position on md screen (#95)

pkirilin · Apr 3, 2024 · 0bcd4cc · 0bcd4cc
1 parent 1435147
commit 0bcd4cc
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/src/frontend/src/shared/ui/AppShell/AppShell.styles.tsx b/src/frontend/src/shared/ui/AppShell/AppShell.styles.tsx
@@ -19,13 +19,10 @@ export const NavigationProgressStyled = styled(LinearProgress, {
   width: '100%',
 
   [theme.breakpoints.up('sm')]: {
+    top: $withHeader ? `${APP_BAR_HEIGHT_SM}px` : 0,
     left: $withSidebar ? `${SIDEBAR_DRAWER_WIDTH}px` : 0,
     width: $withSidebar ? `calc(100% - ${SIDEBAR_DRAWER_WIDTH}px)` : '100%',
   },
-
-  [theme.breakpoints.up('md')]: {
-    top: $withHeader ? `${APP_BAR_HEIGHT_SM}px` : 0,
-  },
 }));
 
 export const HeaderStyled = styled(AppBar)(({ theme }) => ({

diff --git a/src/frontend/src/widgets/navbar/ui/NavigationDrawer.tsx b/src/frontend/src/widgets/navbar/ui/NavigationDrawer.tsx
@@ -20,7 +20,7 @@ export const NavigationDrawer: FC<Props> = ({ menuOpened, toggleMenu }) => {
       PaperProps={{
         sx: {
           marginTop: { xs: 0, md: `${APP_BAR_HEIGHT_SM}px` },
-          width: { xs: '75%', md: `${SIDEBAR_DRAWER_WIDTH}px` },
+          width: `${SIDEBAR_DRAWER_WIDTH}px`,
         },
         component: 'nav',
       }}