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

fix: no gender badge color

Browse source
This commit is contained in:
puriphatt 2024-07-03 02:46:27 +00:00
parent e490d0a492
commit 7de0f225e6
3 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/DrawerInfo.vue
View file

@ -254,7 +254,7 @@ function reset() {
.badge { .badge {
display: inline-block; display: inline-block;
border-radius: var(--radius-6); border-radius: var(--radius-6);
background-color: var(--surface-2); background-color: var(--surface-tab);
text-wrap: nowrap; text-wrap: nowrap;
} }
</style> </style>

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

@ -220,6 +220,7 @@ defineEmits<{
'bg-gender__male': !v.disabled && v.male, 'bg-gender__male': !v.disabled && v.male,
'bg-gender__female': !v.disabled && v.female, 'bg-gender__female': !v.disabled && v.female,
'bg-gender__disable': v.disabled, 'bg-gender__disable': v.disabled,
empty: !v.male && !v.female,
}" }"
> >
{{ v.badge }} {{ v.badge }}
@ -381,6 +382,10 @@ defineEmits<{
border-radius: var(--radius-6); border-radius: var(--radius-6);
background-color: var(--surface-2); background-color: var(--surface-2);
text-wrap: nowrap; text-wrap: nowrap;
&.empty {
background-color: var(--surface-tab);
}
} }
.edit-profile { .edit-profile {

4
src/pages/02_personnel-management/MainPage.vue
View file

@ -749,7 +749,9 @@ watch(inputSearch, async () => await fetchUserList());
:badgeClass=" :badgeClass="
formData.gender === 'male' formData.gender === 'male'
? 'app-bg-male text-white' ? 'app-bg-male text-white'
: 'app-bg-female text-white' : formData.gender === 'female'
? 'app-bg-female text-white'
: ''
" "
:badgeLabel="userCode" :badgeLabel="userCode"
:isEdit="infoDrawerEdit" :isEdit="infoDrawerEdit"