feat: layout padding and scroll added
This commit is contained in:
@@ -44,7 +44,15 @@ export const Layout = () => {
|
|||||||
setSideNavOpen={setSideNavOpen}
|
setSideNavOpen={setSideNavOpen}
|
||||||
user={userInfo}
|
user={userInfo}
|
||||||
/>
|
/>
|
||||||
<Box sx={{ flex: 1, overflowY: 'auto' }}>
|
<Box
|
||||||
|
sx={{
|
||||||
|
flex: 1,
|
||||||
|
overflowY: 'auto',
|
||||||
|
p: 2,
|
||||||
|
maxHeight: 'calc(100% - 85px)',
|
||||||
|
overflowInline: 'auto',
|
||||||
|
}}
|
||||||
|
>
|
||||||
<Outlet />
|
<Outlet />
|
||||||
</Box>
|
</Box>
|
||||||
</Box>
|
</Box>
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
export * from './routes/AuthenticationPage';
|
export * from './routes/AuthenticationPage';
|
||||||
export * from './routes/ForgetPasswordPage';
|
export * from './routes/ForgetPasswordPage';
|
||||||
export * from './routes/UserCompletionPage';
|
export * from './routes/UserCompletionPage';
|
||||||
|
export * from './routes/AccountCreatedPage';
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
// useAuth.tsx
|
// useAuth.tsx
|
||||||
import { AuthContext, type UserInfo } from '@/contexts/AuthContext';
|
import { AuthContext, type UserInfo } from '@/contexts/AuthContext';
|
||||||
import type { GenerateTokenResponse } from '@/features/authorization/api/identityAPI';
|
import type { GenerateTokenResponse } from '@/features/authentication/api/identityAPI';
|
||||||
import axios from 'axios';
|
import axios from 'axios';
|
||||||
import { useEffect, useState, type ReactNode } from 'react';
|
import { useEffect, useState, type ReactNode } from 'react';
|
||||||
import { jwtDecode } from 'jwt-decode';
|
import { jwtDecode } from 'jwt-decode';
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
import { Layout } from '@/components';
|
import { Layout } from '@/components';
|
||||||
import { NavigateWithToast } from '@/components/NavigateWithToast';
|
import { NavigateWithToast } from '@/components/NavigateWithToast';
|
||||||
import { AccountCreatedPage } from '@/features/authorization/routes/AccountCreatedPage';
|
|
||||||
import {
|
import {
|
||||||
Calendar,
|
Calendar,
|
||||||
Devices,
|
Devices,
|
||||||
@@ -18,17 +17,22 @@ import { lazy, type ReactNode } from 'react';
|
|||||||
import { Navigate } from 'react-router-dom';
|
import { Navigate } from 'react-router-dom';
|
||||||
|
|
||||||
const AuthenticationPage = lazy(() =>
|
const AuthenticationPage = lazy(() =>
|
||||||
import('@/features/authorization').then((module) => ({
|
import('@/features/authentication').then((module) => ({
|
||||||
default: module.AuthenticationPage,
|
default: module.AuthenticationPage,
|
||||||
})),
|
})),
|
||||||
);
|
);
|
||||||
|
const AccountCreatedPage = lazy(() =>
|
||||||
|
import('@/features/authentication').then((module) => ({
|
||||||
|
default: module.AccountCreatedPage,
|
||||||
|
})),
|
||||||
|
);
|
||||||
const UserCompletionPage = lazy(() =>
|
const UserCompletionPage = lazy(() =>
|
||||||
import('@/features/authorization').then((module) => ({
|
import('@/features/authentication').then((module) => ({
|
||||||
default: module.UserCompletionPage,
|
default: module.UserCompletionPage,
|
||||||
})),
|
})),
|
||||||
);
|
);
|
||||||
const ForgetPasswordPage = lazy(() =>
|
const ForgetPasswordPage = lazy(() =>
|
||||||
import('@/features/authorization').then((module) => ({
|
import('@/features/authentication').then((module) => ({
|
||||||
default: module.ForgetPasswordPage,
|
default: module.ForgetPasswordPage,
|
||||||
})),
|
})),
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user