refactor: เพิ่ม เงื่อนไข การแสดง เพศ

This commit is contained in:
Net 2024-07-09 11:54:25 +07:00
parent 7ba5947575
commit 912faf481d

View file

@ -77,7 +77,7 @@ defineEmits<{
size="sm" size="sm"
@click.stop @click.stop
> >
<q-menu class="bordered"> <q-menu class="bordered">
<q-list v-close-popup> <q-list v-close-popup>
<q-item <q-item
clickable clickable
@ -187,6 +187,7 @@ defineEmits<{
<span class="items-center row"> <span class="items-center row">
{{ data.name }} {{ data.name }}
<Icon <Icon
v-if="data.male || data.female"
class="q-pl-xs" class="q-pl-xs"
:class="{ :class="{
'symbol-gender': data.male || data.female, 'symbol-gender': data.male || data.female,
@ -234,15 +235,12 @@ defineEmits<{
padding: var(--size-2); padding: var(--size-2);
&.person-box__disabled { &.person-box__disabled {
opacity: 0.5; opacity: 0.5;
filter: grayscale(0.9); filter: grayscale(0.9);
.status-circle { .status-circle {
background-color: var(--surface-1); background-color: var(--surface-1);
} }
} }
&.person-box__no-detail { &.person-box__no-detail {
@ -309,7 +307,6 @@ defineEmits<{
--_hover: hsl(var(--gender-male)); --_hover: hsl(var(--gender-male));
cursor: pointer; cursor: pointer;
box-shadow: var(--shadow-2); box-shadow: var(--shadow-2);
} }
} }