Add FullSizeComponent for dynamic height adjustment and update SentComponent to use it

2025-11-22 01:17:54 +01:00
parent 9311a1ccd6
commit da3a818f03
6 changed files with 108 additions and 4 deletions
@@ -6,8 +6,15 @@
    </div>
  </app-header>
  <main>
-    <section class="darkmodeSection">
-      <p>{{ message }}</p>
-    </section>
+    <app-full-size>
+      <ng-content>
+        <section class="darkmodeSection full-height flex">
+          <div class="margin-auto">
+            <p>{{ message }}</p>
+          </div>
+        </section>
+      </ng-content>
+    </app-full-size>
  </main>
 </div>
+
@@ -1,11 +1,13 @@
 import {Component, inject, OnInit} from '@angular/core';
 import {Router} from '@angular/router';
+import {FullSizeComponent} from '@shared-components/full-size/full-size.component';
 import {HeaderComponent} from '@header/header.component';

@Component({
  selector: 'app-sent',
  imports: [
-    HeaderComponent
+    HeaderComponent,
+    FullSizeComponent
  ],
  templateUrl: './sent.component.html',
  styleUrl: './sent.component.scss',