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

feat: disabled now have no shadow

Browse source
This commit is contained in:
Methapon2001 2024-04-05 17:46:26 +07:00
parent 5af5cde739
commit c00df1b1c7
1 changed files with 8 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/home/PersonCard.vue
View file

@ -30,7 +30,7 @@ const status = ref(false);
<AppBox <AppBox
bordered bordered
class="column person-box" class="column person-box"
:class="{ 'person-box__disble': v.disabled }" :class="{ 'person-box__disabled': v.disabled }"
style="padding: 0" style="padding: 0"
v-for="(v, i) in list" v-for="(v, i) in list"
:key="i" :key="i"
@ -51,7 +51,7 @@ const status = ref(false);
/> />
</q-item-section> </q-item-section>
<q-item-section class="text-caption"> <q-item-section class="text-caption">
แก้ไขข้อมูล {{ $t('edit') }}
</q-item-section> </q-item-section>
</q-item> </q-item>
<q-item clickable v-close-popup> <q-item clickable v-close-popup>
@ -63,7 +63,9 @@ const status = ref(false);
size="xs" size="xs"
/> />
</q-item-section> </q-item-section>
<q-item-section class="text-caption">ลบข้อมูล</q-item-section> <q-item-section class="text-caption">
{{ $t('delete') }}
</q-item-section>
</q-item> </q-item>
<q-item clickable> <q-item clickable>
<q-item-section class="col-4"> <q-item-section class="col-4">
@ -166,8 +168,9 @@ const status = ref(false);
.person-box { .person-box {
background-color: var(--surface-2); background-color: var(--surface-2);
border-radius: var(--radius-2) !important; border-radius: var(--radius-2) !important;
transition: 100ms ease-in-out;
&.person-box__disble { &.person-box__disabled {
opacity: 0.4; opacity: 0.4;
.status-circle { .status-circle {
@ -251,7 +254,7 @@ const status = ref(false);
align-items: center; align-items: center;
} }
&:hover { &:not(.person-box__disabled):hover {
--_hover: hsl(var(--gender-male)); --_hover: hsl(var(--gender-male));
cursor: pointer; cursor: pointer;
box-shadow: var(--shadow-2); box-shadow: var(--shadow-2);