style: add hover

This commit is contained in:
oat_dev 2024-06-11 11:59:22 +07:00
parent b3fc09e716
commit 2ca8c49ae4

View file

@ -7,12 +7,17 @@ defineProps<{
<template>
<div
class="q-pl-md q-pr-sm row items-center justify-between rounded"
class="q-pl-md q-pr-sm row items-center justify-between rounded hover-item"
:style="`border:1px solid ${color};color:${color}`"
@click.stop="$emit('viewDetail')"
>
{{ $t(label) }}
<q-icon name="mdi-arrow-right" class="q-ml-md" />
</div>
</template>
<style scoped></style>
<style scoped>
.hover-item:hover {
background-color: var(--surface-3);
}
</style>