Chneemann/join
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

bugfix design

Browse source
This commit is contained in:
Chneemann 2024-05-14 20:37:30 +02:00
parent 00019b9f0c
commit f60994500b
5 changed files with 14 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/app/components/login/header/header.component.scss
View file

@ -1,5 +1,5 @@
.logo { .logo {
position: absolute; position: fixed;
left: 57px; left: 57px;
top: 60px; top: 60px;
height: 100px; height: 100px;
@ -7,7 +7,7 @@
} }
.register { .register {
position: absolute; position: fixed;
top: 67px; top: 67px;
right: 100px; right: 100px;
display: inline-flex; display: inline-flex;
@ -42,7 +42,7 @@
/*------------- RESPONSIVE -------------*/ /*------------- RESPONSIVE -------------*/
@media (max-height: 820px) { @media (max-height: 700px) {
.logo { .logo {
display: none; display: none;
} }

1
src/app/components/login/login.component.html
View file

@ -56,6 +56,7 @@
} @else { } @else {
<img <img
class="passwordEye" class="passwordEye"
*ngIf="isPasswordIconVisible"
(click)="loginSerivce.togglePasswordVisibility()" (click)="loginSerivce.togglePasswordVisibility()"
[src]="loginSerivce.passwordIcon" [src]="loginSerivce.passwordIcon"
/> />

7
src/app/components/login/login.component.scss
View file

@ -43,7 +43,7 @@ section {
width: 100%; width: 100%;
border-radius: 10px; border-radius: 10px;
border: 1px solid var(--light-gray); border: 1px solid var(--light-gray);
padding: 12px 21px; padding: 12px 16px;
} }
.custom-img { .custom-img {
&:nth-child(2) { &:nth-child(2) {
@ -100,9 +100,9 @@ section {
} }
} }
@media (max-height: 550px) { @media (max-height: 800px) {
.content { .content {
top: 45%; top: 40%;
} }
} }
@ -119,6 +119,7 @@ section {
.input-fields { .input-fields {
.custom-input { .custom-input {
font-size: 16px; font-size: 16px;
padding: 12px;
} }
.custom-img { .custom-img {
&:nth-child(2) { &:nth-child(2) {

3
src/app/components/login/login.component.ts
View file

@ -23,6 +23,8 @@ import { HeaderComponent } from './header/header.component';
styleUrl: './login.component.scss', styleUrl: './login.component.scss',
}) })
export class LoginComponent { export class LoginComponent {
isPasswordIconVisible: boolean = true;
loginData = { loginData = {
mail: '', mail: '',
password: '', password: '',
@ -46,6 +48,7 @@ export class LoginComponent {
this.sharedService.isBtnDisabled = true; this.sharedService.isBtnDisabled = true;
this.loginData.mail = 'guest@guestaccount.com'; this.loginData.mail = 'guest@guestaccount.com';
this.loginData.password = 'guest@guestaccount.com'; this.loginData.password = 'guest@guestaccount.com';
this.isPasswordIconVisible = !this.isPasswordIconVisible;
this.onSubmit({ submitted: true, form: { valid: true } } as NgForm); this.onSubmit({ submitted: true, form: { valid: true } } as NgForm);
} }

5
src/app/components/login/register/register.component.scss
View file

@ -57,7 +57,7 @@ section {
width: 100%; width: 100%;
border-radius: 10px; border-radius: 10px;
border: 1px solid var(--light-gray); border: 1px solid var(--light-gray);
padding: 12px 21px; padding: 12px 16px;
} }
.custom-img { .custom-img {
&:nth-child(2) { &:nth-child(2) {
@ -182,7 +182,7 @@ section {
} }
} }
@media (max-height: 550px) { @media (max-height: 800px) {
.content { .content {
top: 45%; top: 45%;
} }
@ -214,6 +214,7 @@ section {
.input-fields { .input-fields {
.custom-input { .custom-input {
font-size: 16px; font-size: 16px;
padding: 12px;
} }
.custom-img { .custom-img {
&:nth-child(2) { &:nth-child(2) {