From 9c018dc95521078635b9b2f329c9ca494deac318 Mon Sep 17 00:00:00 2001
From: Bensidhoum Wissem <wbensidhoum@takima.fr>
Date: Thu, 25 Jan 2024 15:44:39 +0100
Subject: [PATCH] stick footer to bottom
---
src/app/app.component.html | 8 ++++++--
src/app/app.component.scss | 8 +++++---
2 files changed, 11 insertions(+), 5 deletions(-)
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 29b440e..28240d8 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,3 +1,5 @@
+<div class="body">
+
<nav class="navbar navbar-expand-lg navbar-light d-flex align-items-center">
<img class="logo" src="/assets/takicine.png"/>
<a class="navbar-brand" [routerLink]="['/']">Accueil</a>
@@ -7,11 +9,13 @@
</nav>
<router-outlet></router-outlet>
-
+</div>
<!-- Footer -->
-<footer class="bg-dark text-center text-white">
+<footer class="bg-dark text-center text-white mt-auto" style=" position: relative;
+ bottom: 0;
+ width: 100%;">
<!-- Grid container -->
<div class="container p-4">
<!-- Section: Social media -->
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 7e211c1..79dff74 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -1,3 +1,7 @@
+.body {
+ min-height: 67.9vh;
+}
+
.logo {
max-width: 400px;
@@ -20,6 +24,4 @@ nav {
}
-footer{
- margin-top: 40px;
-}
+
--
GitLab