fix: #331 add hover effect for self (logged in user)

This commit is contained in:
Cindy Chang
2024-08-09 14:25:57 +08:00
parent 5ef681eea8
commit 972b92640f

View File

@@ -48,7 +48,8 @@
@click="onAdminInputClick(slotProps.data, true)"
/>
</div>
<div v-else class="row-container flex-w-full-hoverable flex w-full h-6"></div>
<div v-else @mouseenter="handleRowMouseOver(slotProps.data.username)" @mouseout="handleRowMouseOut(slotProps.data.username)"
class="row-container flex-w-full-hoverable flex w-full h-6"></div>
</template>
</Column>
<Column field="is_active" :header="i18next.t('AcctMgmt.AccountActivation')" bodyClass="text-neutral-500"
@@ -63,7 +64,8 @@
@click="setIsActiveInput(slotProps.data, true)"/>
</div>
</div>
<div v-else class="row-container flex-w-full-hoverable flex w-full h-6"></div>
<div v-else @mouseenter="handleRowMouseOver(slotProps.data.username)" @mouseout="handleRowMouseOut(slotProps.data.username)"
class="row-container flex-w-full-hoverable flex w-full h-6"></div>
</template>
</Column>
<Column :header="i18next.t('AcctMgmt.Detail')" bodyClass="text-neutral-500" headerClass="header-center">
@@ -99,7 +101,8 @@
@click="onDeleteBtnClick(slotProps.data.username)"
>
</div>
<div v-else class="row-container flex-w-full-hoverable flex w-full h-6"></div>
<div v-else @mouseenter="handleRowMouseOver(slotProps.data.username)" @mouseout="handleRowMouseOut(slotProps.data.username)"
class="row-container flex-w-full-hoverable flex w-full h-6"></div>
</template>
</Column>
</DataTable>