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)" @click="onAdminInputClick(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> </template>
</Column> </Column>
<Column field="is_active" :header="i18next.t('AcctMgmt.AccountActivation')" bodyClass="text-neutral-500" <Column field="is_active" :header="i18next.t('AcctMgmt.AccountActivation')" bodyClass="text-neutral-500"
@@ -63,7 +64,8 @@
@click="setIsActiveInput(slotProps.data, true)"/> @click="setIsActiveInput(slotProps.data, true)"/>
</div> </div>
</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> </template>
</Column> </Column>
<Column :header="i18next.t('AcctMgmt.Detail')" bodyClass="text-neutral-500" headerClass="header-center"> <Column :header="i18next.t('AcctMgmt.Detail')" bodyClass="text-neutral-500" headerClass="header-center">
@@ -99,7 +101,8 @@
@click="onDeleteBtnClick(slotProps.data.username)" @click="onDeleteBtnClick(slotProps.data.username)"
> >
</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> </template>
</Column> </Column>
</DataTable> </DataTable>