chamomind/jws-frontend
chamomind/jws-frontend
6
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

style: add hover

Browse source
This commit is contained in:
oat_dev 2024-06-11 11:59:22 +07:00
parent b3fc09e716
commit 2ca8c49ae4
1 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/AllAroundBtn.vue
View file

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