feat: layout padding and scroll added

This commit is contained in:
2025-08-20 23:28:18 +03:30
parent c738c58618
commit 882498637b
37 changed files with 19 additions and 6 deletions

View File

@@ -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>

View File

@@ -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';

View File

@@ -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';

View File

@@ -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,
})), })),
); );