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

login image change size

Browse Source
This commit is contained in:
hamid zarghami
2026-06-29 14:51:32 +03:30
parent 6bff75109a
commit 53ebbc8d07
1 changed files with 24 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/auth/Login.tsx
+18 -30
View File
@@ -1,42 +1,30 @@
import { type FC } from 'react' import { type FC } from "react";
import LogoImage from '../../assets/images/logo.png' import LogoSmallImage from "../../assets/images/logo-small.png";
import LogoSmallImage from '../../assets/images/logo-small.png' import LogoImage from "../../assets/images/logo.png";
import { useAuthStore } from './store/AuthStore' import LoginStep1 from "./components/LoginStep1";
import LoginStep1 from './components/LoginStep1' import LoginStep2 from "./components/LoginStep2";
import LoginStep2 from './components/LoginStep2' import { useAuthStore } from "./store/AuthStore";
const Login: FC = () => { const Login: FC = () => {
const { stepLogin, phone } = useAuthStore();
const { stepLogin, phone } = useAuthStore()
return ( return (
<div className='w-full h-full flex justify-center lg:py-[75px] py-4 lg:items-center lg:px-10 px-4'> <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 lg:px-9 px-4 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" />
<div className='flex flex-1 flex-col h-full justify-center'>
{
stepLogin === 1 ?
<LoginStep1 />
:
stepLogin === 2 && !!phone ?
<LoginStep2 />
: null
}
</div>
<div className="flex flex-1 flex-col h-full justify-center">{stepLogin === 1 ? <LoginStep1 /> : stepLogin === 2 && !!phone ? <LoginStep2 /> : null}</div>
</div> </div>
</div> </div>
<div className='flex-1 min-w-[50%] lg:flex hidden 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-14" />
</div> </div>
</div> </div>
</div> </div>
) );
} };
export default Login export default Login;