From ec3f0d1b86a334b1856b07db3e3ee9e13a19cdc4 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Tue, 23 Mar 2021 10:49:48 +0200
Subject: [PATCH] update nav

---
 src/components/custom/Navbar/Navbar.vue | 37 +++++++++++++++++++------
 1 file changed, 29 insertions(+), 8 deletions(-)

diff --git a/src/components/custom/Navbar/Navbar.vue b/src/components/custom/Navbar/Navbar.vue
index ef903629a..61f5f2c2e 100644
--- a/src/components/custom/Navbar/Navbar.vue
+++ b/src/components/custom/Navbar/Navbar.vue
@@ -23,7 +23,6 @@
               v-else
               alt=""
             />
-
             <!-- <span
               class="hidden md:block font-semibold text-xl tracking-tight"
               >{{ $static.metadata.siteName }}</span
@@ -61,7 +60,7 @@
               v-for="(element, index) in navigation.social"
               class="hover:text-white sm:block"
               :class="{
-                'px-2 mr-2': index != Object.keys(navigation.navLinks).length,
+                'px-1 mr-4': index != Object.keys(navigation.navLinks).length,
               }"
             >
               <span class="telegram_icon">
@@ -74,6 +73,28 @@
                 </a>
               </span>
             </li>
+            <li class="mr-2">
+              <a
+                href="javascript:;"
+                onclick="ml_account('webforms', '3562741', 'n7q9l7', 'show')"
+              >
+                <svg
+                  aria-hidden="true"
+                  focusable="false"
+                  data-prefix="far"
+                  data-icon="envelope"
+                  class="h-5 w-5 mt-1"
+                  role="img"
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 512 512"
+                >
+                  <path
+                    fill="currentColor"
+                    d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"
+                  ></path>
+                </svg>
+              </a>
+            </li>
           </ul>
         </div>
       </div>
@@ -131,7 +152,7 @@
                 <div v-for="(link, i) in element.submenu" :key="i">
                   <a
                     v-if="link.external"
-                    class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark:bg-transparent dark:hover:bg-gray-600 dark-:focus:bg-gray-600 dark:focus:text-white dark:hover:text-white dark:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline"
+                    class="block px-4 py-1 text-sm font-semibold bg-transparent rounded-lg dark:bg-transparent dark:hover:bg-gray-600 dark-:focus:bg-gray-600 dark:focus:text-white dark:hover:text-white dark:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline"
                     @click="open = false"
                     :href="link.path"
                     target="_blank"
@@ -139,7 +160,7 @@
                   >
                   <a
                     v-else
-                    class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark:bg-transparent dark:hover:bg-gray-600 dark-:focus:bg-gray-600 dark:focus:text-white dark:hover:text-white dark:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline"
+                    class="block px-4 py-1 text-sm font-semibold bg-transparent rounded-lg dark:bg-transparent dark:hover:bg-gray-600 dark-:focus:bg-gray-600 dark:focus:text-white dark:hover:text-white dark:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline"
                     @click="open = false"
                     :href="$url(link.path)"
                     >{{ link.title }}</a
@@ -194,15 +215,15 @@
           />
         </div> -->
         <ul class="list-none inline-flex justify-center md:justify-end">
-          <!-- <li class="mr-0 sm:mr-6">
+          <!-- <li class="mr-0 sm:mr-2">
             <ThemeSwitcher v-on="$listeners" :theme="theme" />
           </li> -->
           <li
             :key="element.name"
             v-for="(element, index) in navigation.social"
-            class="sm:block"
+            class="mr-1 sm:block"
             v-bind:class="{
-              'mr-6': index != Object.keys(navigation.social).length - 1,
+              'mr-2': index != Object.keys(navigation.social).length - 1,
             }"
           >
             <span class="telegram_icon">
@@ -272,7 +293,7 @@ export default {
       if (!this.$el.contains(e.target)) {
         this.open = false;
         this.active = !this.active;
-        this.isOpen = !this.isOpen;
+        // this.isOpen = !this.isOpen;
       }
     },
     clicked() {