From d569bbcc082551d9e29788b711ac99a0b8c4e8b1 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Thu, 17 Apr 2025 00:31:56 +0330
Subject: [PATCH] added link active and changed the logo

---
 frontend/components/global/Header.vue | 60 +++++++++++++--------------
 1 file changed, 30 insertions(+), 30 deletions(-)

diff --git a/frontend/components/global/Header.vue b/frontend/components/global/Header.vue
index 681cb0d..9ae43bc 100644
--- a/frontend/components/global/Header.vue
+++ b/frontend/components/global/Header.vue
@@ -29,20 +29,22 @@ const isHomePage = computed(() => route.path === "/");
         class="w-full flex-center"
         :class="isHomePage ? 'fixed top-0 left-0 z-999' : 'z-999'"
     >
-        <div
-            class="size-full flex items-center justify-between container h-[65px] lg:h-[85px] shrink-0 grow-0"
-        >
+        <div class="size-full flex items-center justify-between container h-[65px] lg:h-[85px] shrink-0 grow-0">
             <button
                 class="md:hidden header-navbar-item"
                 @click="isSideDrawerOpen = true"
             >
-                <Icon name="humbleicons:bars" size="28" />
+                <Icon
+                    name="humbleicons:bars"
+                    size="28"
+                />
             </button>
             <div class="max-md:hidden flex items-center gap-8 lg:gap-16">
-                <div
-                    class="flex items-center justify-end gap-4 lg:gap-[1.5rem]"
-                >
-                    <Tooltip v-if="!!account && !!token" title="حساب کاربری">
+                <div class="flex items-center justify-end gap-4 lg:gap-[1.5rem]">
+                    <Tooltip
+                        v-if="!!account && !!token"
+                        title="حساب کاربری"
+                    >
                         <NuxtLink
                             :to="{ name: 'profile' }"
                             class="flex items-center justify-center"
@@ -53,16 +55,20 @@ const isHomePage = computed(() => route.path === "/");
                                 :src="account.profile_photo"
                                 :alt="
                                     account.first_name && account.last_name
-                                        ? `${account.first_name.charAt(
-                                              0
-                                          )} ${account.last_name.charAt(0)}`
+                                        ? `${account.first_name.charAt(0)} ${account.last_name.charAt(0)}`
                                         : 'بدون نام کاربری'
                                 "
                             />
                         </NuxtLink>
                     </Tooltip>
-                    <Tooltip v-else title="ورود">
-                        <NuxtLink to="/signin" class="flex-center">
+                    <Tooltip
+                        v-else
+                        title="ورود"
+                    >
+                        <NuxtLink
+                            to="/signin"
+                            class="flex-center"
+                        >
                             <Icon
                                 name="ci:profile"
                                 class="**:stroke-black size-5 lg:size-6 header-navbar-item"
@@ -81,7 +87,10 @@ const isHomePage = computed(() => route.path === "/");
                         </NuxtLink>
                     </Tooltip>
                     <Tooltip title="سبد خرید">
-                        <NuxtLink to="/cart" class="flex-center">
+                        <NuxtLink
+                            to="/cart"
+                            class="flex-center"
+                        >
                             <button class="relative">
                                 <Icon
                                     name="ci:cart"
@@ -104,28 +113,19 @@ const isHomePage = computed(() => route.path === "/");
                         v-for="(link, index) in NAV_LINKS"
                         :key="index"
                         :to="link.path"
+                        class="underline-offset-[10px]"
+                        activeClass="underline"
                     >
                         {{ link.title }}
                     </NuxtLink>
                 </nav>
             </div>
 
-            <div class="header-navbar-item">
-                <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    class="h-5 lg:h-6"
-                    fill="none"
-                    viewBox="0 0 220 40"
-                >
-                    <path
-                        fill="black"
-                        d="M20 40c11.046 0 20-8.954 20-20V6a6 6 0 0 0-6-6H21v8.774c0 2.002.122 4.076 1.172 5.78a9.999 9.999 0 0 0 6.904 4.627l.383.062a.8.8 0 0 1 0 1.514l-.383.062a10 10 0 0 0-8.257 8.257l-.062.383a.8.8 0 0 1-1.514 0l-.062-.383a10 10 0 0 0-4.627-6.904C12.85 21.122 10.776 21 8.774 21H.024C.547 31.581 9.29 40 20 40Z"
-                    ></path>
-                    <path
-                        fill="black"
-                        d="M0 19h8.774c2.002 0 4.076-.122 5.78-1.172a10.018 10.018 0 0 0 3.274-3.274C18.878 12.85 19 10.776 19 8.774V0H6a6 6 0 0 0-6 6v13ZM46.455 2a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM211.711 12.104c5.591 0 8.289 3.905 8.289 8.428v8.495h-5.851V21.54c0-2.05-.748-3.742-2.893-3.742-2.145 0-2.86 1.692-2.86 3.742v7.486h-5.851V21.54c0-2.05-.715-3.742-2.861-3.742-2.145 0-2.893 1.692-2.893 3.742v7.486h-5.85v-8.495c0-4.523 2.697-8.428 8.288-8.428 3.056 0 5.266 1.204 6.274 3.189 1.072-1.985 3.413-3.19 6.208-3.19ZM180.427 23.82c1.885 0 2.698-1.725 2.698-3.776v-7.29h5.85v8.006c0 4.784-2.795 8.755-8.548 8.755-5.754 0-8.549-3.97-8.549-8.755v-8.006h5.851v7.29c0 2.05.812 3.776 2.698 3.776ZM163.275 29.547c-3.673 0-6.046-1.269-7.444-3.742l4.226-2.376c.585 1.041 1.462 1.562 2.925 1.562 1.203 0 1.755-.423 1.755-.944 0-1.985-8.581.033-8.581-6.28 0-3.06 2.6-5.533 7.021-5.533 3.868 0 5.981 1.887 6.924 3.71l-4.226 2.408c-.357-.976-1.463-1.562-2.568-1.562-.845 0-1.3.358-1.3.846 0 2.018 8.581.163 8.581 6.281 0 3.417-3.348 5.63-7.313 5.63ZM142.833 36.512h-5.851V20.858c0-4.98 3.738-8.592 8.939-8.592 5.071 0 8.939 3.873 8.939 8.592 0 5.207-3.446 8.657-8.614 8.657-1.203 0-2.405-.358-3.413-.912v7.909Zm3.088-12.497c1.853 0 3.088-1.432 3.088-3.125 0-1.724-1.235-3.124-3.088-3.124s-3.088 1.4-3.088 3.125c0 1.692 1.235 3.124 3.088 3.124ZM131.121 11.03c-1.918 0-3.51-1.595-3.51-3.515 0-1.92 1.592-3.515 3.51-3.515 1.918 0 3.511 1.595 3.511 3.515 0 1.92-1.593 3.515-3.511 3.515Zm-2.925 1.724h5.851v16.273h-5.851V12.754ZM116.97 29.515c-5.071 0-8.939-3.905-8.939-8.657 0-4.719 3.868-8.624 8.939-8.624s8.939 3.905 8.939 8.624c0 4.752-3.868 8.657-8.939 8.657Zm0-5.5c1.853 0 3.088-1.432 3.088-3.125 0-1.724-1.235-3.156-3.088-3.156s-3.088 1.432-3.088 3.156c0 1.693 1.235 3.125 3.088 3.125ZM96.983 37c-4.03 0-6.956-1.79-8.451-4.98l4.843-2.603c.52 1.107 1.495 2.246 3.51 2.246 2.114 0 3.511-1.335 3.674-3.678-.78.684-2.016 1.204-3.868 1.204-4.519 0-8.16-3.482-8.16-8.364 0-4.718 3.869-8.559 8.94-8.559 5.201 0 8.939 3.613 8.939 8.592v6.444c0 5.858-4.064 9.698-9.427 9.698Zm.39-13.31c1.755 0 3.088-1.205 3.088-2.995 0-1.757-1.332-2.929-3.088-2.929-1.723 0-3.088 1.172-3.088 2.93 0 1.79 1.365 2.993 3.088 2.993ZM78.607 29.515c-5.071 0-8.94-3.905-8.94-8.657 0-4.719 3.869-8.624 8.94-8.624 5.07 0 8.939 3.905 8.939 8.624 0 4.752-3.869 8.657-8.94 8.657Zm0-5.5c1.853 0 3.088-1.432 3.088-3.125 0-1.724-1.235-3.156-3.088-3.156s-3.088 1.432-3.088 3.156c0 1.693 1.235 3.125 3.088 3.125ZM59.013 7.06v16.434H68.7v5.533H58.2c-3.705 0-5.2-1.953-5.2-5.045V7.06h6.013Z"
-                    ></path>
-                </svg>
+            <div class="header-navbar-item flex items-center justify-end h-full">
+                <NuxtImg
+                    src="/logo/logo-row.png"
+                    class="h-2/3"
+                />
             </div>
         </div>
     </header>