heymlz/hossein-por-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added tooltips to links

Browse Source
This commit is contained in:
Mamalizz
2025-02-04 23:42:55 +03:30
parent 38cd0b1653
commit 82cf1aecb8
1 changed files with 29 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/global/Header.vue
+29 -26
View File
@@ -47,32 +47,35 @@ const nav_links = ref<NavLink[]>([
>
<div class="flex items-center gap-16">
<div class="flex items-center justify-end gap-[1.5rem]">
<button
v-if="!!account"
:title="account.first_name + ' ' + account.last_name"
@click="() => logout(true)"
class="size-[1.6rem] flex items-center justify-center relative overflow-hidden rounded-full bg-slate-300"
>
<img
class="absolute object-cover size-full"
:src="account.profile_photo"
:alt="account.first_name + ' ' + account.last_name"
/>
</button>
<NuxtLink to="/signin" v-else class="flex-center">
<Icon
name="ci:profile"
size="24px"
class="**:stroke-black"
/>
</NuxtLink>
<NuxtLink to="/products" class="flex-center">
<Icon
name="ci:search"
size="21px"
class="**:stroke-black"
/>
</NuxtLink>
<Tooltip v-if="!!account" title="حساب کاربری">
<button
@click="() => logout(true)"
class="size-[1.6rem] flex items-center justify-center relative overflow-hidden rounded-full bg-slate-300"
>
<Avatar
:src="account.profile_photo"
:alt="`${account.first_name} ${account.last_name}`"
/>
</button>
</Tooltip>
<Tooltip v-else title="ورود">
<NuxtLink to="/signin" class="flex-center">
<Icon
name="ci:profile"
size="24px"
class="**:stroke-black"
/>
</NuxtLink>
</Tooltip>
<Tooltip title="محصولات">
<NuxtLink to="/products" class="flex-center">
<Icon
name="ci:search"
size="21px"
class="**:stroke-black"
/>
</NuxtLink>
</Tooltip>
<NuxtLink to="/cart" class="flex-center">
<Icon
name="ci:cart"