From ad150fca2f5738364357fdfd930a88782619d510 Mon Sep 17 00:00:00 2001
From: Karim <20050570+yoshiyes@users.noreply.github.com>
Date: Wed, 7 Sep 2022 11:03:28 +0200
Subject: [PATCH] Fix overflow and superposition

---
 src/common/components/BaseHeader.vue     | 6 +++---
 src/common/components/BaseHomeHeader.vue | 2 +-
 src/i18n/locales/fr/views/download.json  | 2 +-
 src/layouts/BaseLayout.vue               | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/common/components/BaseHeader.vue b/src/common/components/BaseHeader.vue
index b3242f2..978d1a9 100644
--- a/src/common/components/BaseHeader.vue
+++ b/src/common/components/BaseHeader.vue
@@ -9,7 +9,7 @@ import { navigations } from "@/common/constants/navigation";
   <div class="bg-cover bg-bottom">
     <div class="bg-gray-800 bg-opacity-90 backdrop-filter backdrop-blur-sm">
       <!-- Header -->
-      <header id="page-header" class="flex flex-none items-center py-10">
+      <header id="page-header" class="flex flex-none items-center py-10 z-1">
         <div class="flex flex-col text-center md:flex-row md:items-center md:justify-between space-y-6 md:space-y-0 container xl:max-w-7xl mx-auto px-4 lg:px-10">
           <div>
             <RouterLink :to="{name: 'home'}" class="inline-flex items-center space-x-2 font-bold text-lg tracking-wide text-white hover:opacity-75">
@@ -22,9 +22,9 @@ import { navigations } from "@/common/constants/navigation";
 
             <div class="flex items-center justify-center space-x-3">
               <SocialIconList />
-
-              <LanguageSelector />
             </div>
+
+            <LanguageSelector />
           </div>
         </div>
       </header>
diff --git a/src/common/components/BaseHomeHeader.vue b/src/common/components/BaseHomeHeader.vue
index ff592d1..3a5b953 100644
--- a/src/common/components/BaseHomeHeader.vue
+++ b/src/common/components/BaseHomeHeader.vue
@@ -16,7 +16,7 @@ const { t } = useI18n();
   >
     <div class="bg-gray-800 bg-opacity-90 backdrop-filter">
       <!-- Header -->
-      <header id="page-header" class="flex flex-none items-center py-10">
+      <header id="page-header" class="flex flex-none items-center py-10 z-1">
         <div
           class="flex flex-col text-center md:flex-row md:items-center md:justify-between space-y-6 md:space-y-0 container xl:max-w-7xl mx-auto px-4 lg:px-10"
         >
diff --git a/src/i18n/locales/fr/views/download.json b/src/i18n/locales/fr/views/download.json
index 6dbe0ee..3df213b 100644
--- a/src/i18n/locales/fr/views/download.json
+++ b/src/i18n/locales/fr/views/download.json
@@ -1,6 +1,6 @@
 {
   "title1": "Dernier {0}",
-  "title2": "Télécharger",
+  "title2": "Téléchargement",
   "subTitle": "N'oubliez pas de consulter {0} après l'installation",
   "startupGuide": "le guide de démarrage",
   "download": "Télécharger",
diff --git a/src/layouts/BaseLayout.vue b/src/layouts/BaseLayout.vue
index 9accd9c..94c1bda 100644
--- a/src/layouts/BaseLayout.vue
+++ b/src/layouts/BaseLayout.vue
@@ -13,7 +13,7 @@ const { currentRoute } = useRouter();
     class="flex flex-col mx-auto w-full min-h-screen bg-gray-100"
   >
     <main id="page-content" class="flex flex-auto flex-col max-w-full">
-      <div class="bg-gray-800 overflow-hidden">
+      <div class="bg-gray-800">
         <BaseHeader />
       </div>