pantalla de registro

This commit is contained in:
Lizeth Lopez 2024-01-31 13:19:57 -05:00
parent e0e3db2f3e
commit 8c3c4ed22a
3 changed files with 83 additions and 101 deletions

View File

@ -98,7 +98,7 @@ function SignInPage() {
<Typography>Aún no tienes cuenta?</Typography> <Typography>Aún no tienes cuenta?</Typography>
<Link <Link
className="ml-4" className="ml-4"
to="" to="/sign-up"
> >
Regístrate Regístrate
</Link> </Link>

View File

@ -37,28 +37,29 @@ function SignUpPage() {
} }
return ( return (
<div className="flex min-w-0 flex-1 flex-col items-center sm:flex-row sm:justify-center md:items-start md:justify-start"> <div className="flex min-w-0 flex-auto flex-col items-center sm:justify-center md:p-32">
<Paper className="h-full w-full px-16 py-8 ltr:border-r-1 rtl:border-l-1 sm:h-auto sm:w-auto sm:rounded-2xl sm:p-48 sm:shadow md:flex md:h-full md:w-1/2 md:items-center md:justify-end md:rounded-none md:p-64 md:shadow-none"> <Paper className="flex min-h-full w-full overflow-hidden rounded-0 sm:min-h-auto sm:w-auto sm:rounded-2xl sm:shadow md:w-full md:max-w-6xl">
<div className="w-full px-16 py-32 ltr:border-r-1 rtl:border-l-1 sm:w-auto sm:p-48 md:p-64">
<div className="mx-auto w-full max-w-320 sm:mx-0 sm:w-320"> <div className="mx-auto w-full max-w-320 sm:mx-0 sm:w-320">
<img <img
className="w-48" className="w-48"
src="assets/images/logo/logo.svg" src="assets/images/logo/logo1.svg"
alt="logo" alt="logo"
/> />
<Typography className="mt-32 text-4xl font-extrabold leading-tight tracking-tight"> <Typography className="mt-32 text-4xl font-extrabold leading-tight tracking-tight">
Sign up Registrarse
</Typography> </Typography>
<div className="mt-2 flex items-baseline font-medium"> <div className="mt-2 flex items-baseline font-medium">
<Typography>Already have an account?</Typography> <Typography>Ya tienes cuenta?</Typography>
<Link <Link
className="ml-4" className="ml-4"
to="/sign-in" to="/sign-in"
> >
Sign in Inicia sesión
</Link> </Link>
</div> </div>
{/*
<Tabs <Tabs
value={_.findIndex(tabs, { id: selectedTabId })} value={_.findIndex(tabs, { id: selectedTabId })}
variant="fullWidth" variant="fullWidth"
@ -81,16 +82,15 @@ function SignUpPage() {
/> />
))} ))}
</Tabs> </Tabs>
*/}
{selectedTabId === 'jwt' && <JwtSignUpTab />} <JwtSignUpTab />
{selectedTabId === 'firebase' && <FirebaseSignUpTab />} {/* {selectedTabId === 'firebase' && <FirebaseSignUpTab />}
*/} </div>
</div> </div>
</Paper>
<Box <Box
className="relative hidden h-full flex-auto items-center justify-center overflow-hidden p-64 md:flex lg:px-112" className="relative hidden h-auto justify-center items-center flex-auto p-64 md:flex lg:px-112"
sx={{ backgroundColor: 'primary.main' }} sx={{ backgroundColor: 'primary.main' }}>
>
<svg <svg
className="pointer-events-none absolute inset-0" className="pointer-events-none absolute inset-0"
viewBox="0 0 960 540" viewBox="0 0 960 540"
@ -109,14 +109,9 @@ function SignUpPage() {
> >
<circle <circle
r="234" r="234"
cx="196" cx="796"
cy="23" cy="23"
/> />
<circle
r="234"
cx="790"
cy="491"
/>
</Box> </Box>
</svg> </svg>
<Box <Box
@ -154,34 +149,21 @@ function SignUpPage() {
</Box> </Box>
<div className="relative z-10 w-full max-w-2xl"> <div className="relative z-10 w-full max-w-2xl">
<div className="text-7xl font-bold leading-none text-gray-100"> <img
<div>Welcome to</div> className="w-216 "
<div>our community</div> src="assets/images/empresa/logoAlphaWC.svg"
alt="logo"
/>
<div className="text-7xl font-bold leading-loose text-gray-100">
<div>Bienvenido</div>
</div> </div>
<div className="mt-24 text-lg leading-6 tracking-tight text-gray-400"> <div className="mt-24 text-lg leading-none text-gray-400">
Fuse helps developers to build organized and well coded dashboards full of beautiful and rich Al sistema que se encarga de tu facturación electrónica.
modules. Join us and start building your application today.
</div> </div>
<div className="mt-32 flex items-center">
<AvatarGroup
sx={{
'& .MuiAvatar-root': {
borderColor: 'primary.main'
}
}}
>
<Avatar src="assets/images/avatars/female-18.jpg" />
<Avatar src="assets/images/avatars/female-11.jpg" />
<Avatar src="assets/images/avatars/male-09.jpg" />
<Avatar src="assets/images/avatars/male-16.jpg" />
</AvatarGroup>
<div className="ml-16 font-medium tracking-tight text-gray-400">
More than 17k people joined us, it's your turn
</div>
</div>
</div> </div>
</Box> </Box>
</Paper>
</div> </div>
); );
} }

View File

@ -177,7 +177,7 @@ function JwtSignUpTab() {
type="submit" type="submit"
size="large" size="large"
> >
Create your free account Registrarse
</Button> </Button>
</form> </form>
); );