pezi_gi/rossa-tech
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adjust login css

Browse Source
This commit is contained in:
Peter Rossa
2023-05-16 11:10:46 +02:00
parent 79af9e812f
commit 6cbc9bd94d
3 changed files with 32 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
rossa-tech-cli/src/app/components/loginPage/login.component.html
View File

@@ -1,6 +1,6 @@
<div class="login-form-wrapper">
<mat-card>
<mat-card class="login-card">
<mat-card-content>
<form [formGroup]="loginForm" (ngSubmit)="login()">
<h2>Log In</h2>
@@ -16,8 +16,11 @@
Please provide a valid password
</mat-error>
</mat-form-field>
<button mat-raised-button color="primary" [disabled]="!loginForm.valid">Login</button>
<div class="button-wrapper">
<button mat-raised-button color="primary" [disabled]="!loginForm.valid">Login</button>
</div>
</form>
</mat-card-content>
</mat-card>
</div>
</div>

29
rossa-tech-cli/src/app/components/loginPage/login.component.scss
View File

@@ -1,17 +1,30 @@
mat-card {
max-width: 400px;
margin: 2em auto;
text-align: center;
mat-card.login-card {
width: 400px;
margin: auto;
// text-align: center;
color: #333333;
border-radius: 0;
.mat-mdc-card-content {
padding: 25px;
h2 {
margin-top: 0;
}
}
.button-wrapper {
display: flex;
flex-direction: row;
justify-content: end;
}
}
mat-form-field {
display: block;
}
login-form-wrapper {
.login-form-wrapper {
height: 100%;
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
align-content: space-around;
}