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

refactor: edit layout show icon

Browse source
This commit is contained in:
Net 2024-09-05 11:51:55 +07:00
parent 7c87c3eaf6
commit 7936fa0d96
1 changed files with 19 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/components/shared/PersonCard.vue
View file

@ -139,22 +139,26 @@ defineEmits<{
</AppCircle>
<!-- name symbol -->
<span class="items-center justify-center row text-center full-width">
<span class="ellipsis col-6">
{{ data.name }}
<span class="full-width">
<span
class="items-center justify-center row text-center ellipsis col-6"
>
<div class="items-center ellipsis" style="max-width: 140px">
{{ data.name }}
</div>
<Icon
v-if="data.male || data.female"
class="q-pl-xs"
:class="{
'symbol-gender': data.male || data.female,
'symbol-gender__male': !disabled && data.male,
'symbol-gender__female': !disabled && data.female,
'symbol-gender__disable': disabled,
}"
:icon="`material-symbols:${data.male ? 'male' : 'female'}`"
width="24px"
/>
</span>
<Icon
v-if="data.male || data.female"
class="q-pl-xs"
:class="{
'symbol-gender': data.male || data.female,
'symbol-gender__male': !disabled && data.male,
'symbol-gender__female': !disabled && data.female,
'symbol-gender__disable': disabled,
}"
:icon="`material-symbols:${data.male ? 'male' : 'female'}`"
width="24px"
/>
</span>
<span style="color: hsl(var(--text-mute)); scale: 0.9">
{{ data.code || '-' }}