cmorales
/
Front-Complete
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/main/sign-in/SignInPage.tsx
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>

180
src/app/main/sign-up/SignUpPage.tsx
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,107 +82,88 @@ function SignUpPage() {
/> />
))} ))}
</Tabs> </Tabs>
*/}
{selectedTabId === 'jwt' && <JwtSignUpTab />} <JwtSignUpTab />
{selectedTabId === 'firebase' && <FirebaseSignUpTab />} {/* {selectedTabId === 'firebase' && <FirebaseSignUpTab />}
*/} </div>
</div> </div>
</Paper>
<Box
className="relative hidden h-full flex-auto items-center justify-center overflow-hidden p-64 md:flex lg:px-112"
sx={{ backgroundColor: 'primary.main' }}
>
<svg
className="pointer-events-none absolute inset-0"
viewBox="0 0 960 540"
width="100%"
height="100%"
preserveAspectRatio="xMidYMax slice"
xmlns="http://www.w3.org/2000/svg"
>
<Box
component="g"
sx={{ color: 'primary.light' }}
className="opacity-20"
fill="none"
stroke="currentColor"
strokeWidth="100"
>
<circle
r="234"
cx="196"
cy="23"
/>
<circle
r="234"
cx="790"
cy="491"
/>
</Box>
</svg>
<Box <Box
component="svg" className="relative hidden h-auto justify-center items-center flex-auto p-64 md:flex lg:px-112"
className="absolute -right-64 -top-64 opacity-20" sx={{ backgroundColor: 'primary.main' }}>
sx={{ color: 'primary.light' }} <svg
viewBox="0 0 220 192" className="pointer-events-none absolute inset-0"
width="220px" viewBox="0 0 960 540"
height="192px" width="100%"
fill="none" height="100%"
> preserveAspectRatio="xMidYMax slice"
<defs> xmlns="http://www.w3.org/2000/svg"
<pattern >
id="837c3e70-6c3a-44e6-8854-cc48c737b659" <Box
x="0" component="g"
y="0" sx={{ color: 'primary.light' }}
width="20" className="opacity-20"
height="20" fill="none"
patternUnits="userSpaceOnUse" stroke="currentColor"
strokeWidth="100"
> >
<rect <circle
r="234"
cx="796"
cy="23"
/>
</Box>
</svg>
<Box
component="svg"
className="absolute -right-64 -top-64 opacity-20"
sx={{ color: 'primary.light' }}
viewBox="0 0 220 192"
width="220px"
height="192px"
fill="none"
>
<defs>
<pattern
id="837c3e70-6c3a-44e6-8854-cc48c737b659"
x="0" x="0"
y="0" y="0"
width="4" width="20"
height="4" height="20"
fill="currentColor" patternUnits="userSpaceOnUse"
/> >
</pattern> <rect
</defs> x="0"
<rect y="0"
width="220" width="4"
height="192" height="4"
fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)" fill="currentColor"
/> />
</Box> </pattern>
</defs>
<rect
width="220"
height="192"
fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)"
/>
</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"
</div> alt="logo"
<div className="mt-24 text-lg leading-6 tracking-tight text-gray-400"> />
Fuse helps developers to build organized and well coded dashboards full of beautiful and rich <div className="text-7xl font-bold leading-loose text-gray-100">
modules. Join us and start building your application today. <div>Bienvenido</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 className="mt-24 text-lg leading-none text-gray-400">
Al sistema que se encarga de tu facturación electrónica.
</div>
</div> </div>
</div> </Box>
</Box> </Paper>
</div> </div>
); );
} }

2
src/app/main/sign-up/tabs/JwSignUpTab.tsx
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>
); );