Fixes Footer Location

2023-10-13 11:18:28 -03:00
parent 3e22599ebb
commit e7e07c90c2
3 changed files with 11 additions and 2 deletions
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -0,0 +1,3 @@
+.app-body {
+    min-height: 74vh;
+}
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,5 +1,7 @@
 <app-header></app-header>

-<router-outlet></router-outlet>
+<div class="app-body">
+    <router-outlet></router-outlet>
+</div>

 <app-footer></app-footer>
--- a/src/app/footer/footer.component.css
+++ b/src/app/footer/footer.component.css
@@ -1,5 +1,9 @@
+footer {
+    max-height: 100px;
+    margin-top: auto;
+}
+
 .page-footer {
-    position: absolute;
    bottom: 0;
    width: 100%;
 }