diff --git a/angular.json b/angular.json index 145f9de..5ba91f6 100644 --- a/angular.json +++ b/angular.json @@ -39,8 +39,8 @@ }, { "type": "anyComponentStyle", - "maximumWarning": "2kb", - "maximumError": "4kb" + "maximumWarning": "8kb", + "maximumError": "64kb" } ], "outputHashing": "all" diff --git a/src/app/app.component.html b/src/app/app.component.html index 20ba0c2..1f214b8 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,18 +1,16 @@ -
- - -
- -
+
+
+ +
-
- -
+
+ +
-
- -
+
+ +
diff --git a/src/app/app.component.scss b/src/app/app.component.scss index a8f8a53..30e95f9 100644 --- a/src/app/app.component.scss +++ b/src/app/app.component.scss @@ -1,15 +1,33 @@ +@import '../styles'; + +body { + overflow: hidden; + transition: background-color .3s ease-in-out, color .3s ease-in-out; +} + + body.light-theme { background-color: #ffffff; color: #000000; - /* Autres styles pour le thème clair */ } body.dark-theme { background-color: #333333; color: #ffffff; - /* 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/app.component.ts b/src/app/app.component.ts index 3f94dc8..b3bc364 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -9,7 +9,7 @@ import { ThemeService } from './services/theme.service'; export class AppComponent implements OnInit { themeClass = 'light-theme'; - constructor(private themeService: ThemeService) {} + constructor(public themeService: ThemeService) {} ngOnInit() { this.themeService.isDarkTheme.subscribe((isDark) => { diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html index 7f03bbb..bb52965 100644 --- a/src/app/components/header/header.component.html +++ b/src/app/components/header/header.component.html @@ -1,61 +1,138 @@ -