From 0595e7d18556d6402e0776aea77ac0c92783d806 Mon Sep 17 00:00:00 2001 From: clfreville2 Date: Tue, 14 May 2024 15:47:54 +0200 Subject: [PATCH] Run Prettier --- .../components/header/header.component.html | 11 +- .../components/header/header.component.scss | 14 +- src/app/components/header/header.component.ts | 8 +- .../landing-page/landing-page.component.html | 164 ++++++++++++++---- .../landing-page/landing-page.component.scss | 3 +- 5 files changed, 145 insertions(+), 55 deletions(-) diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html index 8411665..d0a7a58 100644 --- a/src/app/components/header/header.component.html +++ b/src/app/components/header/header.component.html @@ -1,9 +1,8 @@ -
+
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 - }} + }}
-
- landing page + landing page
@@ -37,15 +47,20 @@

Ce dont vous avez besoin de savoir sur notre éditeur

- Astro comes batteries included. It takes the best - parts of - state-of-the-art tools and adds its own innovations. + Astro comes batteries included. It takes the best parts of + state-of-the-art tools and adds its own innovations.