forked from verdnatura/salix-front
Add fill to lock icon
This commit is contained in:
parent
e2d29f08b4
commit
ed2a7c5ee6
|
@ -285,7 +285,7 @@ const toggleGroupingMode = async (buy, mode) => {
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const showLockIcon = (groupingMode, mode) => {
|
const lockIconType = (groupingMode, mode) => {
|
||||||
if (mode === 'packing') {
|
if (mode === 'packing') {
|
||||||
return groupingMode === 2 ? 'lock' : 'lock_open';
|
return groupingMode === 2 ? 'lock' : 'lock_open';
|
||||||
} else {
|
} else {
|
||||||
|
@ -363,7 +363,7 @@ const showLockIcon = (groupingMode, mode) => {
|
||||||
>
|
>
|
||||||
<QBtn
|
<QBtn
|
||||||
:icon="
|
:icon="
|
||||||
showLockIcon(props.row.groupingMode, col.name)
|
lockIconType(props.row.groupingMode, col.name)
|
||||||
"
|
"
|
||||||
@click="toggleGroupingMode(props.row, col.name)"
|
@click="toggleGroupingMode(props.row, col.name)"
|
||||||
class="cursor-pointer"
|
class="cursor-pointer"
|
||||||
|
@ -372,6 +372,16 @@ const showLockIcon = (groupingMode, mode) => {
|
||||||
dense
|
dense
|
||||||
unelevated
|
unelevated
|
||||||
push
|
push
|
||||||
|
:style="{
|
||||||
|
'font-variation-settings': `'FILL' ${
|
||||||
|
lockIconType(
|
||||||
|
props.row.groupingMode,
|
||||||
|
col.name
|
||||||
|
) === 'lock'
|
||||||
|
? 1
|
||||||
|
: 0
|
||||||
|
}`,
|
||||||
|
}"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template
|
<template
|
||||||
|
|
Loading…
Reference in New Issue