-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
01c0e50
commit 30926e5
Showing
52 changed files
with
2,441 additions
and
2,376 deletions.
There are no files selected for viewing
32 changes: 16 additions & 16 deletions
32
src/features/auth/expired-link/organisms/expired-link.module.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,23 +1,23 @@ | ||
| .container{ | ||
| @apply h-full w-full flex flex-col justify-center items-center | ||
| .container { | ||
| @apply flex h-full w-full flex-col items-center justify-center; | ||
| } | ||
| .container h2{ | ||
| @apply text-white text-[3rem] font-semibold border-solid border-b-secondary border-b-[2px] px-[2rem] | ||
| .container h2 { | ||
| @apply border-b-[2px] border-solid border-b-secondary px-[2rem] text-[3rem] font-semibold text-white; | ||
| } | ||
| .container p{ | ||
| @apply text-white text-[1.5rem] font-[400] pt-2 pb-4 | ||
| .container p { | ||
| @apply pb-4 pt-2 text-[1.5rem] font-[400] text-white; | ||
| } | ||
| .container a{ | ||
| @apply h-12 flex items-center justify-center mx-auto my-2 mb-5 font-medium text-[1rem] text-[white] tracking-wider px-[1.3em] rounded-lg border-[none] bg-secondary shadow-[0_4px_4px_0px_rgba(0,0,0,0.25)] transition-all transform duration-500 hover:bg-hoverButtonBlue active:scale-[98%]; | ||
| .container a { | ||
| @apply mx-auto my-2 mb-5 flex h-12 transform items-center justify-center rounded-lg border-[none] bg-secondary px-[1.3em] text-[1rem] font-medium tracking-wider text-[white] shadow-[0_4px_4px_0px_rgba(0,0,0,0.25)] transition-all duration-500 hover:bg-hoverButtonBlue active:scale-[98%]; | ||
| } | ||
|
|
||
| @screen md{ | ||
| .container a{ | ||
| @apply text-[16px]; | ||
| } | ||
| @screen md { | ||
| .container a { | ||
| @apply text-[16px]; | ||
| } | ||
| } | ||
| @screen xl{ | ||
| .containerv a{ | ||
| @apply text-[18px]; | ||
| } | ||
| @screen xl { | ||
| .containerv a { | ||
| @apply text-[18px]; | ||
| } | ||
| } |
137 changes: 73 additions & 64 deletions
137
src/features/auth/forgot-password/organisms/forgot-password.module.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,87 +1,96 @@ | ||
| .container{ | ||
| @apply h-screen flex flex-col items-center px-[2rem] justify-center | ||
| .container { | ||
| @apply flex h-screen flex-col items-center justify-center px-[2rem]; | ||
| } | ||
| .container h2, .message h3{ | ||
| @apply text-white text-[1.2rem] font-[400] pt-2 pb-4 text-center | ||
| .container h2, | ||
| .message h3 { | ||
| @apply pb-4 pt-2 text-center text-[1.2rem] font-[400] text-white; | ||
| } | ||
| .container h1, .message h2{ | ||
| @apply w-full text-center text-white text-[2.5rem] font-semibold border-solid border-b-secondary border-b-[2px] px-[2rem] | ||
| .container h1, | ||
| .message h2 { | ||
| @apply w-full border-b-[2px] border-solid border-b-secondary px-[2rem] text-center text-[2.5rem] font-semibold text-white; | ||
| } | ||
| .message h2{ | ||
| @apply text-[2.2rem] | ||
| .message h2 { | ||
| @apply text-[2.2rem]; | ||
| } | ||
|
|
||
| .form, .message { | ||
| @apply bg-transparent backdrop-blur-[10px] p-2 rounded-md flex flex-col justify-start max-w-[250px] w-full; | ||
| .form, | ||
| .message { | ||
| @apply flex w-full max-w-[250px] flex-col justify-start rounded-md bg-transparent p-2 backdrop-blur-[10px]; | ||
| } | ||
| .message{ | ||
| @apply max-w-[600px] | ||
| .message { | ||
| @apply max-w-[600px]; | ||
| } | ||
| .input{ | ||
| @apply h-16 flex flex-col justify-start text-white my-2 mb-4 | ||
| .input { | ||
| @apply my-2 mb-4 flex h-16 flex-col justify-start text-white; | ||
| } | ||
| .input label{ | ||
| @apply hidden | ||
| .input label { | ||
| @apply hidden; | ||
| } | ||
| .input input{ | ||
| @apply w-full mt-2 rounded-lg h-12 border-2 border-borderInput shadow-[0_2px_2px_0px_rgba(0,0,0,0.05)] outline-none p-2 bg-transparent focus:border-grayLight; | ||
| .input input { | ||
| @apply mt-2 h-12 w-full rounded-lg border-2 border-borderInput bg-transparent p-2 shadow-[0_2px_2px_0px_rgba(0,0,0,0.05)] outline-none focus:border-grayLight; | ||
| } | ||
| .inputError{ | ||
| @apply border-solid border-2 !border-[#FE3F3F80] | ||
| .inputError { | ||
| @apply border-2 border-solid !border-[#FE3F3F80]; | ||
| } | ||
| .input p{ | ||
| @apply text-[12px] pt-1 pl-2 text-warning | ||
| .input p { | ||
| @apply pl-2 pt-1 text-[12px] text-warning; | ||
| } | ||
| .containerRegister{ | ||
| @apply text-white text-[1rem] flex justify-center | ||
| .containerRegister { | ||
| @apply flex justify-center text-[1rem] text-white; | ||
| } | ||
| .containerRegister p{ | ||
| @apply text-white text-[1rem] font-[400] text-center | ||
| .containerRegister p { | ||
| @apply text-center text-[1rem] font-[400] text-white; | ||
| } | ||
| .containerRegister a{ | ||
| @apply mx-2 text-secondary font-normal text-[1rem] hover:underline | ||
| .containerRegister a { | ||
| @apply mx-2 text-[1rem] font-normal text-secondary hover:underline; | ||
| } | ||
| .message a{ | ||
| @apply max-w-[400px] h-12 flex items-center justify-center mx-auto my-2 mb-5 font-medium text-[1rem] text-[white] tracking-wider px-[2.5em] rounded-lg border-[none] bg-secondary; | ||
| .message a { | ||
| @apply mx-auto my-2 mb-5 flex h-12 max-w-[400px] items-center justify-center rounded-lg border-[none] bg-secondary px-[2.5em] text-[1rem] font-medium tracking-wider text-[white]; | ||
| } | ||
| .message a span{ | ||
| @apply transition-transform duration-[0.5s]; | ||
| .message a span { | ||
| @apply transition-transform duration-[0.5s]; | ||
| } | ||
| .message a:hover span { | ||
| @apply scale-x-105; | ||
| @apply scale-x-105; | ||
| } | ||
|
|
||
| @screen md{ | ||
| .container h1, .message h2{ | ||
| @apply text-[3rem] | ||
| } | ||
| .container h2, .message h3{ | ||
| @apply text-[1.5rem] | ||
| } | ||
| .form, .container h1 { | ||
| @apply max-w-[300px] ; | ||
| } | ||
| .message { | ||
| @apply max-w-[600px] ; | ||
| } | ||
| } | ||
| @screen lg{ | ||
| .message { | ||
| @apply max-w-[350px] ; | ||
| } | ||
| .message { | ||
| @apply max-w-[700px] ; | ||
| } | ||
| @screen md { | ||
| .container h1, | ||
| .message h2 { | ||
| @apply text-[3rem]; | ||
| } | ||
| .container h2, | ||
| .message h3 { | ||
| @apply text-[1.5rem]; | ||
| } | ||
| .form, | ||
| .container h1 { | ||
| @apply max-w-[300px]; | ||
| } | ||
| .message { | ||
| @apply max-w-[600px]; | ||
| } | ||
| } | ||
| @screen lg { | ||
| .message { | ||
| @apply max-w-[350px]; | ||
| } | ||
| .message { | ||
| @apply max-w-[700px]; | ||
| } | ||
| } | ||
|
|
||
| @screen 2xl{ | ||
| .form, .container h1, .message { | ||
| @apply max-w-[400px]; | ||
| } | ||
| .message { | ||
| @apply max-w-[800px]; | ||
| } | ||
| .containerRegister p, .containerRegister a{ | ||
| @apply text-sm | ||
| } | ||
| @screen 2xl { | ||
| .form, | ||
| .container h1, | ||
| .message { | ||
| @apply max-w-[400px]; | ||
| } | ||
| .message { | ||
| @apply max-w-[800px]; | ||
| } | ||
| .containerRegister p, | ||
| .containerRegister a { | ||
| @apply text-sm; | ||
| } | ||
| } |
32 changes: 16 additions & 16 deletions
32
src/features/auth/invalid-link/organisms/invalid-link.module.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,23 +1,23 @@ | ||
| .container{ | ||
| @apply h-full w-full flex flex-col justify-center items-center | ||
| .container { | ||
| @apply flex h-full w-full flex-col items-center justify-center; | ||
| } | ||
| .container h2{ | ||
| @apply text-white text-[3rem] font-semibold border-solid border-b-secondary border-b-[2px] px-[2rem] | ||
| .container h2 { | ||
| @apply border-b-[2px] border-solid border-b-secondary px-[2rem] text-[3rem] font-semibold text-white; | ||
| } | ||
| .container p{ | ||
| @apply text-white text-[1.5rem] font-[400] pt-2 pb-4 | ||
| .container p { | ||
| @apply pb-4 pt-2 text-[1.5rem] font-[400] text-white; | ||
| } | ||
| .container a{ | ||
| @apply h-12 flex items-center justify-center mx-auto my-2 mb-5 font-medium text-[1rem] text-[white] tracking-wider px-[1.3em] rounded-lg border-[none] bg-secondary shadow-[0_4px_4px_0px_rgba(0,0,0,0.25)] transition-all transform duration-500 hover:bg-hoverButtonBlue active:scale-[98%]; | ||
| .container a { | ||
| @apply mx-auto my-2 mb-5 flex h-12 transform items-center justify-center rounded-lg border-[none] bg-secondary px-[1.3em] text-[1rem] font-medium tracking-wider text-[white] shadow-[0_4px_4px_0px_rgba(0,0,0,0.25)] transition-all duration-500 hover:bg-hoverButtonBlue active:scale-[98%]; | ||
| } | ||
|
|
||
| @screen md{ | ||
| .container a{ | ||
| @apply text-[16px]; | ||
| } | ||
| @screen md { | ||
| .container a { | ||
| @apply text-[16px]; | ||
| } | ||
| } | ||
| @screen xl{ | ||
| .containerv a{ | ||
| @apply text-[18px]; | ||
| } | ||
| @screen xl { | ||
| .containerv a { | ||
| @apply text-[18px]; | ||
| } | ||
| } |
113 changes: 59 additions & 54 deletions
113
src/features/auth/login/organisms/login/login-form.module.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,73 +1,78 @@ | ||
|
|
||
| .container{ | ||
| @apply h-screen flex flex-col items-center px-[2rem] justify-center | ||
| .container { | ||
| @apply flex h-screen flex-col items-center justify-center px-[2rem]; | ||
| } | ||
| .container h2{ | ||
| @apply w-full text-center text-white text-[2.5rem] font-semibold border-solid border-b-secondary border-b-[2px] mx-[2rem] | ||
| .container h2 { | ||
| @apply mx-[2rem] w-full border-b-[2px] border-solid border-b-secondary text-center text-[2.5rem] font-semibold text-white; | ||
| } | ||
| .container h3{ | ||
| @apply text-white text-[1.2rem] text-center font-[400] pt-2 pb-4 | ||
| .container h3 { | ||
| @apply pb-4 pt-2 text-center text-[1.2rem] font-[400] text-white; | ||
| } | ||
| .container svg{ | ||
| @apply w-14 h-14 text-secondary mb-3 | ||
| .container svg { | ||
| @apply mb-3 h-14 w-14 text-secondary; | ||
| } | ||
| .form { | ||
| @apply bg-transparent backdrop-blur-[10px] p-2 rounded-md flex flex-col justify-start w-full ; | ||
| } | ||
| .linkForgot{ | ||
| @apply text-secondary text-center text-[1rem] mt-2 hover:underline | ||
| @apply flex w-full flex-col justify-start rounded-md bg-transparent p-2 backdrop-blur-[10px]; | ||
| } | ||
| .linkForgot { | ||
| @apply mt-2 text-center text-[1rem] text-secondary hover:underline; | ||
| } | ||
| .input{ | ||
| @apply h-16 flex flex-col justify-start text-white my-2 mb-4 | ||
| .input { | ||
| @apply my-2 mb-4 flex h-16 flex-col justify-start text-white; | ||
| } | ||
| .input label{ | ||
| @apply hidden | ||
| .input label { | ||
| @apply hidden; | ||
| } | ||
| .input input{ | ||
| @apply w-full mt-2 rounded-lg h-12 border-2 border-borderInput outline-none shadow-[0_2px_2px_0px_rgba(0,0,0,0.05)] p-2 bg-transparent focus:border-grayLight; | ||
| .input input { | ||
| @apply mt-2 h-12 w-full rounded-lg border-2 border-borderInput bg-transparent p-2 shadow-[0_2px_2px_0px_rgba(0,0,0,0.05)] outline-none focus:border-grayLight; | ||
| } | ||
| .inputError{ | ||
| @apply border-solid border-2 !border-[#FE3F3F80] | ||
| .inputError { | ||
| @apply border-2 border-solid !border-[#FE3F3F80]; | ||
| } | ||
| .input p{ | ||
| @apply border-none text-[12px] pt-1 pl-2 text-warning | ||
| .input p { | ||
| @apply border-none pl-2 pt-1 text-[12px] text-warning; | ||
| } | ||
|
|
||
| .containerRegister{ | ||
| @apply text-white text-[0.8rem] flex justify-center text-center | ||
| .containerRegister { | ||
| @apply flex justify-center text-center text-[0.8rem] text-white; | ||
| } | ||
| .containerRegister p{ | ||
| @apply text-white text-[0.8rem] font-[400] | ||
| .containerRegister p { | ||
| @apply text-[0.8rem] font-[400] text-white; | ||
| } | ||
| .containerRegister a{ | ||
| @apply ml-2 text-secondary font-normal text-[0.8rem] hover:underline | ||
| .containerRegister a { | ||
| @apply ml-2 text-[0.8rem] font-normal text-secondary hover:underline; | ||
| } | ||
|
|
||
| @screen md{ | ||
| .container h2{ | ||
| @apply text-[3rem] | ||
| } | ||
| .container h3{ | ||
| @apply text-[1.5rem] | ||
| } | ||
| .form, .container h2 { | ||
| @apply max-w-[300px]; | ||
| } | ||
| .containerRegister p, .containerRegister a{ | ||
| @apply text-[1rem] | ||
| } | ||
| } | ||
| @screen lg{ | ||
| .form, .container h2 { | ||
| @apply max-w-[350px]; | ||
| } | ||
| @screen md { | ||
| .container h2 { | ||
| @apply text-[3rem]; | ||
| } | ||
| .container h3 { | ||
| @apply text-[1.5rem]; | ||
| } | ||
| .form, | ||
| .container h2 { | ||
| @apply max-w-[300px]; | ||
| } | ||
| .containerRegister p, | ||
| .containerRegister a { | ||
| @apply text-[1rem]; | ||
| } | ||
| } | ||
| @screen lg { | ||
| .form, | ||
| .container h2 { | ||
| @apply max-w-[350px]; | ||
| } | ||
| } | ||
|
|
||
| @screen 2xl{ | ||
| .form, .container h2 { | ||
| @apply max-w-[400px]; | ||
| } | ||
| .containerRegister p, .containerRegister a, .linkForgot{ | ||
| @apply text-sm | ||
| } | ||
| @screen 2xl { | ||
| .form, | ||
| .container h2 { | ||
| @apply max-w-[400px]; | ||
| } | ||
| .containerRegister p, | ||
| .containerRegister a, | ||
| .linkForgot { | ||
| @apply text-sm; | ||
| } | ||
| } |
Oops, something went wrong.