diff --git a/src/app/components/header/header.component.scss b/src/app/components/header/header.component.scss
index e46a8f1..0474f0f 100644
--- a/src/app/components/header/header.component.scss
+++ b/src/app/components/header/header.component.scss
@@ -60,7 +60,7 @@ $theme-transition: all 0.3s ease-in-out;
left: 0;
width: 100%;
height: 100%;
- background: rgba(black, .2);
+ background: rgba(black, 0.2);
display: none;
&.visible {
@@ -90,7 +90,6 @@ $theme-transition: all 0.3s ease-in-out;
.right_part,
.mobile_menu {
-
// Dark mode button
.wrapper {
text-align: center;
@@ -139,24 +138,24 @@ $theme-transition: all 0.3s ease-in-out;
z-index: 2;
opacity: 0;
- &:checked~.toggle-switch {
+ &:checked ~ .toggle-switch {
margin-left: 0;
border-color: $color-moon-outer;
background-color: $color-moon-inner;
}
- &:checked~.toggle-bg {
+ &:checked ~ .toggle-bg {
background-color: #484848;
border-color: #202020;
}
- &:checked~.toggle-switch .toggle-switch-figure {
+ &:checked ~ .toggle-switch .toggle-switch-figure {
margin-left: 40px;
opacity: 0;
transform: scale(0.1);
}
- &:checked~.toggle-switch .toggle-switch-figureAlt {
+ &:checked ~ .toggle-switch .toggle-switch-figureAlt {
transform: scale(1);
}
}
@@ -390,7 +389,6 @@ $theme-transition: all 0.3s ease-in-out;
}
}
-
@media (max-width: 1024px) {
.header {
.right_part {
@@ -421,4 +419,4 @@ $theme-transition: all 0.3s ease-in-out;
width: 75%;
}
}
-}
\ No newline at end of file
+}
diff --git a/src/app/components/header/header.component.ts b/src/app/components/header/header.component.ts
index 626f90d..d6cb913 100644
--- a/src/app/components/header/header.component.ts
+++ b/src/app/components/header/header.component.ts
@@ -36,7 +36,7 @@ export class HeaderComponent {
@Input() themeService!: ThemeService;
// Instanciation du service pour les actions de traduction
- constructor(private translationService: TranslationService) { }
+ constructor(private translationService: TranslationService) {}
// Méthode pour changer la langue
onLanguageChange(event: Event) {
@@ -55,12 +55,12 @@ export class HeaderComponent {
openCloseMenu() {
this.isMenuOpen = !this.isMenuOpen;
- if(this.isMenuOpen) {
+ if (this.isMenuOpen) {
// Add an overflow to the body
- document.body.classList.add('no-scroll')
+ document.body.classList.add('no-scroll');
} else {
// Remove the overflow of the body
- document.body.classList.remove('no-scroll')
+ document.body.classList.remove('no-scroll');
}
}
}
diff --git a/src/app/components/landing-page/landing-page.component.html b/src/app/components/landing-page/landing-page.component.html
index 695bd13..9f0a9e8 100644
--- a/src/app/components/landing-page/landing-page.component.html
+++ b/src/app/components/landing-page/landing-page.component.html
@@ -8,16 +8,23 @@
{{
'LandingPage.Description' | translate
- }}
+ }}
- 
+
+