pantalla de registro
This commit is contained in:
parent
e0e3db2f3e
commit
8c3c4ed22a
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -177,7 +177,7 @@ function JwtSignUpTab() {
|
||||||
type="submit"
|
type="submit"
|
||||||
size="large"
|
size="large"
|
||||||
>
|
>
|
||||||
Create your free account
|
Registrarse
|
||||||
</Button>
|
</Button>
|
||||||
</form>
|
</form>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue