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 {
display: inline-block;
border-radius: var(--radius-6);
background-color: var(--surface-2);
background-color: var(--surface-tab);
text-wrap: nowrap;
}
</style>

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

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

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

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