0
0
Fork 0

improve QChebox

This commit is contained in:
Javier Segarra 2024-07-03 11:48:51 +02:00
parent 34ee92ac24
commit c25b04e075
1 changed files with 27 additions and 0 deletions

View File

@ -368,6 +368,7 @@ const clickControled = (sale) => {
<QCheckbox
:model-value="!!row.hasSaleGroupDetail"
color="pink"
class="pink"
:toggle-indeterminate="false"
@update:model-value="clickSaleGroupDetail(row)"
>
@ -378,6 +379,7 @@ const clickControled = (sale) => {
<QCheckbox
:model-value="!!row.isPreviousSelected"
color="info"
class="info"
:toggle-indeterminate="false"
@update:model-value="clickPreviousSelected(row)"
>
@ -388,6 +390,7 @@ const clickControled = (sale) => {
<QCheckbox
:model-value="!!row.isPrevious"
color="cyan"
class="cyan"
:toggle-indeterminate="false"
@update:model-value="clickPrevious(row)"
>
@ -398,6 +401,7 @@ const clickControled = (sale) => {
<QCheckbox
:model-value="!!row.isPrepared"
color="warning"
class="warning"
:toggle-indeterminate="false"
@update:model-value="clickPrepared(row)"
>
@ -408,6 +412,8 @@ const clickControled = (sale) => {
<QCheckbox
:model-value="!!row.isControled"
color="yellow"
class="yellow"
style="stroke: red"
:toggle-indeterminate="false"
@update:model-value="clickControled(row)"
>
@ -540,3 +546,24 @@ const clickControled = (sale) => {
</QTable>
</QDialog>
</template>
<style lang="scss">
$estados: (
info: var(--q-info),
warning: var(--q-warning),
cyan: #00bcd4,
pink: pink,
yellow: #ffeb3b,
);
@each $estado, $color in $estados {
.q-checkbox.#{$estado} {
> .q-checkbox__inner > .q-checkbox__bg.absolute {
border-radius: 50% !important;
& .q-checkbox__svg > .q-checkbox__truthy {
stroke: $color;
}
}
}
}
</style>