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 (
<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} />
}
<hr />
<div className="flex gap-2">
<hr className="my-4" />
<div className="flex flex-col sm:flex-row gap-2">
{/* <Button
variant='secondary'
onClick={() =>
@ -63,11 +63,10 @@ export const AuthModal: React.FC<Props> = ({ open, onClose}) => {
</Button> */}
</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'}
</Button>
</DialogContent>
</Dialog>
)
}