danak/danak-console
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix bug design

Browse Source
This commit is contained in:
hamid zarghami
2025-01-06 16:59:24 +03:30
parent 650791e71a
commit ed6551fdde
7 changed files with 18 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/DefaulModal.tsx
+1 -1
View File
@@ -45,7 +45,7 @@ const DefaulModal: FC<Props> = (props: Props) => {
</div> </div>
</div> </div>
<div onClick={props.close} className='fixed size-full bottom-0 right-0 modalGlass inset-0 z-50 '></div> <div onClick={props.close} className='fixed size-full top-0 bottom-0 right-0 modalGlass inset-0 z-50 '></div>
</Fragment> </Fragment>
) )
} }
src/index.css
+1
View File
@@ -15,6 +15,7 @@ body {
overflow-x: hidden !important; overflow-x: hidden !important;
background: #eceef6; background: #eceef6;
font-weight: 300; font-weight: 300;
overflow: hidden;
} }
html, html,
body, body,
src/pages/auth/Login.tsx
+3 -3
View File
@@ -12,9 +12,9 @@ const Login: FC = () => {
return ( return (
<div className='w-full h-full flex justify-center py-[75px] items-center px-10'> <div className='w-full h-full flex justify-center lg:py-[75px] py-4 lg:items-center lg:px-10 px-4'>
<div className='flex w-full max-h-[812px] max-w-[1200px] bg-secondary h-full rounded-3xl overflow-hidden'> <div className='flex w-full max-h-[812px] max-w-[1200px] bg-secondary h-full rounded-3xl overflow-hidden'>
<div className='flex-1 min-w-[50%] overflow-y-auto bg-white px-9 py-7'> <div className='flex-1 min-w-[50%] overflow-y-auto bg-white lg:px-9 px-4 py-7'>
<div className='flex-1 h-full flex flex-col'> <div className='flex-1 h-full flex flex-col'>
<img src={LogoSmallImage} className='w-8' /> <img src={LogoSmallImage} className='w-8' />
@@ -35,7 +35,7 @@ const Login: FC = () => {
</div> </div>
</div> </div>
<div className='flex-1 min-w-[50%] flex justify-center items-center'> <div className='flex-1 min-w-[50%] lg:flex hidden justify-center items-center'>
<img src={LogoImage} className='h-20' /> <img src={LogoImage} className='h-20' />
</div> </div>
</div> </div>
src/pages/auth/Register.tsx
+3 -3
View File
@@ -13,9 +13,9 @@ const Register: FC = () => {
const { t } = useTranslation('global') const { t } = useTranslation('global')
return ( return (
<div className='w-full h-full flex justify-center py-[75px] items-center px-10'> <div className='w-full h-full flex justify-center lg:py-[75px] py-4 lg:items-center lg:px-10 px-4'>
<div className='flex w-full max-h-[812px] max-w-[1200px] bg-secondary h-full rounded-3xl overflow-hidden'> <div className='flex w-full max-h-[812px] max-w-[1200px] bg-secondary h-full rounded-3xl overflow-hidden'>
<div className='flex-1 min-w-[50%] overflow-y-auto bg-white px-9 py-7'> <div className='flex-1 min-w-[50%] overflow-y-auto bg-white lg:px-9 px-4 py-7'>
<div className=''> <div className=''>
<img src={LogoSmallImage} className='w-8' /> <img src={LogoSmallImage} className='w-8' />
<div className='mt-5'> <div className='mt-5'>
@@ -89,7 +89,7 @@ const Register: FC = () => {
</div> </div>
</div> </div>
<div className='flex-1 min-w-[50%] flex justify-center items-center'> <div className='flex-1 min-w-[50%] lg:flex hidden justify-center items-center'>
<img src={LogoImage} className='h-20' /> <img src={LogoImage} className='h-20' />
</div> </div>
</div> </div>
src/pages/auth/components/LoginStep2.tsx
+4 -2
View File
@@ -35,15 +35,17 @@ const LoginStep2: FC = () => {
return ( return (
<div> <div>
<div className='mt-5'> <div className='mt-5'>
<h2 className='text-2xl font-bold'> <h2 className='lg:text-2xl font-bold'>
{t('auth.enter_otp')} {t('auth.enter_otp')}
</h2> </h2>
<p className='text-description flex gap-1 text-sm mt-2'> <p className='text-description flex lg:flex-row flex-col lg:gap-1 gap-2 text-sm lg:mt-2 mt-3'>
<div className='flex gap-1'>
<div>{t('auth.verfify_code_text_1')}</div> <div>{t('auth.verfify_code_text_1')}</div>
<div>{phone}</div> <div>{phone}</div>
<div> <div>
{t('auth.verfify_code_text_2')} {t('auth.verfify_code_text_2')}
</div> </div>
</div>
<div onClick={() => setStepLogin(1)} className='text-black cursor-pointer'> <div onClick={() => setStepLogin(1)} className='text-black cursor-pointer'>
{t('auth.change_number')} {t('auth.change_number')}
</div> </div>
src/router/Main.tsx
+1 -1
View File
@@ -24,7 +24,7 @@ const MainRouter: FC = () => {
<SideBar /> <SideBar />
<Header /> <Header />
<div className='flex-1 ms-[269px] mt-[81px]'> <div className='flex-1 ms-[269px] mt-[81px]'>
<div className={`overflow-auto sticky w-[${window.innerWidth}] max-h-[calc(100vh-113px)]`}> <div className={`overflow-auto w-[${window.innerWidth}] max-h-[calc(100vh-113px)]`}>
<div> <div>
<Routes> <Routes>
<Route path={Pages.dashboard} element={<Home />} /> <Route path={Pages.dashboard} element={<Home />} />
src/shared/Header.tsx
+1 -1
View File
@@ -12,7 +12,7 @@ const Header: FC = () => {
const { t } = useTranslation('global') const { t } = useTranslation('global')
return ( return (
<div className='fixed z-10 left-4 right-[285px] top-4 h-16 flex items-center px-6 bg-white justify-between rounded-[32px] w-[calc(100%-305px)]'> <div className='fixed left-4 right-[285px] top-4 h-16 flex items-center px-6 bg-white justify-between rounded-[32px] w-[calc(100%-305px)]'>
<div className='min-w-[270px]'> <div className='min-w-[270px]'>
<Input <Input