ilya_zahvatkin/bazar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

login form for mobile

Browse Source
This commit is contained in:
Zikil 2024-11-23 21:15:13 +07:00
parent d5218e1068
commit 1eb4e0eaa1
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/shared/modals/auth-modal/auth-modal.tsx
View File

@ -24,14 +24,14 @@ export const AuthModal: React.FC<Props> = ({ open, onClose}) => {
return ( return (
<Dialog open={open} onOpenChange={handleClose}> <Dialog open={open} onOpenChange={handleClose}>
<DialogContent className="w-[450px] bg-white p-10"> <DialogContent className="w-[90%] sm:w-[450px] bg-white p-4 sm:p-10 max-h-[90vh] overflow-y-auto">
{ {
type === 'login' ? <LoginForm onClose={handleClose} /> : <RegisterForm onClose={handleClose} /> type === 'login' ? <LoginForm onClose={handleClose} /> : <RegisterForm onClose={handleClose} />
} }
<hr /> <hr className="my-4" />
<div className="flex gap-2"> <div className="flex flex-col sm:flex-row gap-2">
{/* <Button {/* <Button
variant='secondary' variant='secondary'
onClick={() => onClick={() =>
@ -63,11 +63,10 @@ export const AuthModal: React.FC<Props> = ({ open, onClose}) => {
</Button> */} </Button> */}
</div> </div>
<Button variant='outline' onClick={onSwitchType} type='button' className="h-12"> <Button variant='outline' onClick={onSwitchType} type='button' className="h-12 w-full mt-2">
{type === 'login' ? 'Sign Up' : 'Login'} {type === 'login' ? 'Sign Up' : 'Login'}
</Button> </Button>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
) )
} }