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

feat: inactive color

Browse source
This commit is contained in:
Methapon2001 2024-04-18 14:14:23 +07:00
parent 3910af2a4a
commit a54702a24e
2 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/01_branch-management/BranchCard.vue
View file

@ -73,8 +73,8 @@ defineProps<{
}
&.branch-card__inactive {
filter: grayscale(100%);
opacity: 0.6;
filter: grayscale(40%);
opacity: 0.5;
}
display: flex;
@ -99,7 +99,7 @@ defineProps<{
&.branch-card__header {
color: hsl(var(--_branch-card-row-fg));
background-color: hsl(var(--_branch-card-row-bg));
font-weight: bold;
font-weight: 600;
}
&.branch-card__header > * {
@ -113,7 +113,7 @@ defineProps<{
}
&:not(.branch-card__header) .branch-card__label {
color: hsl(var(--stone-7-hsl));
color: hsl(var(--stone-6-hsl));
}
& > .branch-card__value {

4
src/pages/01_branch-management/MainPage.vue
View file

@ -243,7 +243,7 @@ function changeTitle(
beforeBranch = currentHq;
currentHq = { id: '', code: '' };
fieldSelectedBranch = {
label: t('branchHQLabel'),
label: $t('branchHQLabel'),
value: 'branchHQLabel',
};
}
@ -443,6 +443,7 @@ function changeTitle(
:options="
fieldDisplay.map((v) => ({ label: $t(v), value: v }))
"
:display-value="$t('Fields')"
v-model="fieldSelected"
option-label="label"
option-value="value"
@ -509,6 +510,7 @@ function changeTitle(
:key="item.id"
:data="item"
:field-selected="fieldSelected"
:inactive="item.branchLabelStatus === 'INACTIVE'"
@view-detail="(b) => console.log(b)"
/>
</div>