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}
user={userInfo}
/>
<Box sx={{ flex: 1, overflowY: 'auto' }}>
<Box
sx={{
flex: 1,
overflowY: 'auto',
p: 2,
maxHeight: 'calc(100% - 85px)',
overflowInline: 'auto',
}}
>
<Outlet />
</Box>
</Box>

View File

@@ -1,3 +1,4 @@
export * from './routes/AuthenticationPage';
export * from './routes/ForgetPasswordPage';
export * from './routes/UserCompletionPage';
export * from './routes/AccountCreatedPage';

View File

@@ -1,6 +1,6 @@
// useAuth.tsx
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 { useEffect, useState, type ReactNode } from 'react';
import { jwtDecode } from 'jwt-decode';

View File

@@ -1,6 +1,5 @@
import { Layout } from '@/components';
import { NavigateWithToast } from '@/components/NavigateWithToast';
import { AccountCreatedPage } from '@/features/authorization/routes/AccountCreatedPage';
import {
Calendar,
Devices,
@@ -18,17 +17,22 @@ import { lazy, type ReactNode } from 'react';
import { Navigate } from 'react-router-dom';
const AuthenticationPage = lazy(() =>
import('@/features/authorization').then((module) => ({
import('@/features/authentication').then((module) => ({
default: module.AuthenticationPage,
})),
);
const AccountCreatedPage = lazy(() =>
import('@/features/authentication').then((module) => ({
default: module.AccountCreatedPage,
})),
);
const UserCompletionPage = lazy(() =>
import('@/features/authorization').then((module) => ({
import('@/features/authentication').then((module) => ({
default: module.UserCompletionPage,
})),
);
const ForgetPasswordPage = lazy(() =>
import('@/features/authorization').then((module) => ({
import('@/features/authentication').then((module) => ({
default: module.ForgetPasswordPage,
})),
);