From d51cb3957f1511baa357fd93b6cce7296bbddecf Mon Sep 17 00:00:00 2001 From: cofrizot Date: Mon, 15 Jan 2024 09:31:13 +0100 Subject: [PATCH] Add the new Landing Page style and fix the Footer position issue --- src/app/app.component.html | 24 +-- src/app/app.component.scss | 18 +- .../components/header/header.component.html | 111 ++++++------ .../components/header/header.component.scss | 169 +++++++----------- src/app/components/header/header.component.ts | 5 +- .../landing-page/landing-page.component.html | 18 +- .../landing-page/landing-page.component.scss | 74 +++----- src/assets/i18n/en.json | 1 - src/assets/i18n/fr.json | 3 +- src/styles.scss | 9 +- 10 files changed, 200 insertions(+), 232 deletions(-) diff --git a/src/app/app.component.html b/src/app/app.component.html index 20ba0c2..a6988bd 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,18 +1,18 @@ -
- - -
- -
+
+ -
- -
+
+ +
-
- -
+
+ +
+ +
+ +
diff --git a/src/app/app.component.scss b/src/app/app.component.scss index a8f8a53..92f0a2a 100644 --- a/src/app/app.component.scss +++ b/src/app/app.component.scss @@ -1,3 +1,5 @@ +@import '../styles'; + body.light-theme { background-color: #ffffff; color: #000000; @@ -10,6 +12,18 @@ body.dark-theme { /* Autres styles pour le thème sombre */ } -main { - flex: 1; +.app { + min-height: 100dvh; + display: flex; + flex-direction: column; + + footer { + display: flex; + flex: 1; + align-items: flex-end; + + app-footer { + width: 100%; + } + } } diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html index 7f03bbb..0d07bd0 100644 --- a/src/app/components/header/header.component.html +++ b/src/app/components/header/header.component.html @@ -1,61 +1,66 @@ -