itsscb/digitaler-frieden
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update component styles to use 100% height for better responsiveness

Browse Source
This commit is contained in:
itsscb 2025-03-10 21:03:35 +01:00
parent a5fcb20296
commit 94247c5693
6 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/page/onboarding/notification/notification.component.css
View File

@ -10,7 +10,7 @@ img {
text-align: center; text-align: center;
justify-content: center; justify-content: center;
justify-items: center; justify-items: center;
height: 85vh; height: 100%;
padding: 0 1.5rem; padding: 0 1.5rem;
} }

2
frontend/src/app/page/onboarding/registration/registration.component.css
View File

@ -17,7 +17,7 @@ p {
text-align: center; text-align: center;
justify-content: center; justify-content: center;
justify-items: center; justify-items: center;
height: 85vh; height: 100%;
/*padding: 0 1.5rem;*/ /*padding: 0 1.5rem;*/
row-gap: 2rem; row-gap: 2rem;
} }

2
frontend/src/app/page/onboarding/start/start.component.css
View File

@ -47,7 +47,7 @@ ul {
align-items: center; align-items: center;
text-align: center; text-align: center;
justify-content: center; justify-content: center;
height: 100vh; height: 100%;
padding: 0 1.5rem; padding: 0 1.5rem;
} }

2
frontend/src/app/page/onboarding/start/start.component.html
View File

@ -5,6 +5,7 @@
<h1>Hallo. Digitale&nbsp;Spuren entfernen per Knopfdruck.</h1> <h1>Hallo. Digitale&nbsp;Spuren entfernen per Knopfdruck.</h1>
<p>Mit uns finden Sie Ihre Digitalen&nbsp;Spuren und können diese entfernen.</p> <p>Mit uns finden Sie Ihre Digitalen&nbsp;Spuren und können diese entfernen.</p>
<!-- <atomic-product-overview></atomic-product-overview>-->
<div class="button-container"> <div class="button-container">
<atomic-text-button [text]="'Weiter'" [routerLink]="'/onboarding/notifications'"></atomic-text-button> <atomic-text-button [text]="'Weiter'" [routerLink]="'/onboarding/notifications'"></atomic-text-button>
<div class="login-container"> <div class="login-container">
@ -23,4 +24,5 @@
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>

4
frontend/src/app/page/onboarding/start/start.component.ts
View File

@ -2,13 +2,15 @@ import {Component} from '@angular/core';
import {TextButtonComponent} from "../../../atomic/text-button/text-button.component"; import {TextButtonComponent} from "../../../atomic/text-button/text-button.component";
import {RouterLink} from "@angular/router"; import {RouterLink} from "@angular/router";
import {TextLinkComponent} from "../../../atomic/text-link/text-link.component"; import {TextLinkComponent} from "../../../atomic/text-link/text-link.component";
import {ProductOverviewComponent} from "../../../atomic/product-overview/product-overview.component";
@Component({ @Component({
selector: 'app-start', selector: 'app-start',
imports: [ imports: [
TextButtonComponent, TextButtonComponent,
RouterLink, RouterLink,
TextLinkComponent TextLinkComponent,
ProductOverviewComponent
], ],
templateUrl: './start.component.html', templateUrl: './start.component.html',
styleUrl: './start.component.css' styleUrl: './start.component.css'

2
frontend/src/app/page/onboarding/verification/verification.component.css
View File

@ -14,7 +14,7 @@
text-align: center; text-align: center;
justify-content: center; justify-content: center;
justify-items: center; justify-items: center;
height: 85vh; height: 100%;
row-gap: 1rem; row-gap: 1rem;
} }