fix: add @click on row instead on cell

This commit is contained in:
Nivedin
2023-08-23 12:22:48 +05:30
parent c9927ef032
commit 1afabec3a8
2 changed files with 11 additions and 18 deletions

View File

@@ -44,11 +44,9 @@
v-for="team in list" v-for="team in list"
:key="team.id" :key="team.id"
class="text-secondaryDark hover:bg-divider hover:cursor-pointer rounded-xl" class="text-secondaryDark hover:bg-divider hover:cursor-pointer rounded-xl"
@click="goToTeamDetails(team.id)"
> >
<td <td class="py-4 px-3 max-w-50">
@click="goToTeamDetails(team.id)"
class="py-4 px-3 max-w-50"
>
<div class="flex"> <div class="flex">
<span class="truncate"> <span class="truncate">
{{ team.id }} {{ team.id }}
@@ -56,10 +54,7 @@
</div> </div>
</td> </td>
<td <td class="py-4 px-3 min-w-80">
@click="goToTeamDetails(team.id)"
class="py-4 px-3 min-w-80"
>
<span <span
v-if="team.name" v-if="team.name"
class="flex items-center ml-4 truncate" class="flex items-center ml-4 truncate"
@@ -71,13 +66,13 @@
</span> </span>
</td> </td>
<td @click="goToTeamDetails(team.id)" class="py-4 px-3"> <td class="py-4 px-3">
<span class="ml-7"> <span class="ml-7">
{{ team.members?.length }} {{ team.members?.length }}
</span> </span>
</td> </td>
<td> <td @click.stop>
<div class="relative"> <div class="relative">
<tippy interactive trigger="click" theme="popover"> <tippy interactive trigger="click" theme="popover">
<HoppButtonSecondary <HoppButtonSecondary

View File

@@ -50,11 +50,9 @@
v-for="user in list" v-for="user in list"
:key="user.uid" :key="user.uid"
class="text-secondaryDark hover:bg-divider hover:cursor-pointer rounded-xl" class="text-secondaryDark hover:bg-divider hover:cursor-pointer rounded-xl"
@click="goToUserDetails(user.uid)"
> >
<td <td class="py-2 px-3 max-w-30">
@click="goToUserDetails(user.uid)"
class="py-2 px-3 max-w-30"
>
<div class="flex"> <div class="flex">
<span class="truncate"> <span class="truncate">
{{ user.uid }} {{ user.uid }}
@@ -62,7 +60,7 @@
</div> </div>
</td> </td>
<td @click="goToUserDetails(user.uid)" class="py-2 px-3"> <td class="py-2 px-3">
<div <div
v-if="user.displayName" v-if="user.displayName"
class="flex items-center space-x-3" class="flex items-center space-x-3"
@@ -88,13 +86,13 @@
</div> </div>
</td> </td>
<td @click="goToUserDetails(user.uid)" class="py-2 px-3"> <td class="py-2 px-3">
<span> <span>
{{ user.email }} {{ user.email }}
</span> </span>
</td> </td>
<td @click="goToUserDetails(user.uid)" class="py-2 px-3"> <td class="py-2 px-3">
<div class="flex items-center"> <div class="flex items-center">
<div class="flex flex-col"> <div class="flex flex-col">
{{ getCreatedDate(user.createdOn) }} {{ getCreatedDate(user.createdOn) }}
@@ -105,7 +103,7 @@
</div> </div>
</td> </td>
<td> <td @click.stop>
<div class="relative"> <div class="relative">
<span> <span>
<tippy interactive trigger="click" theme="popover"> <tippy interactive trigger="click" theme="popover">