|
|
@ -50,11 +50,11 @@ watch(picked, (n, _o) => { |
|
|
|
v-for="(color, i) of colors.slice((colId - 1) * rowSize, colId * rowSize)" |
|
|
|
v-for="(color, i) of colors.slice((colId - 1) * rowSize, colId * rowSize)" |
|
|
|
:key="`color-${colId}-${i}`" |
|
|
|
:key="`color-${colId}-${i}`" |
|
|
|
class="color-selector" |
|
|
|
class="color-selector" |
|
|
|
:class="compare(picked, color) ? 'selected' : ''" |
|
|
|
:class="compare(picked as string, color) ? 'selected' : ''" |
|
|
|
:style="{ 'background-color': `${color}` }" |
|
|
|
:style="{ 'background-color': `${color}` }" |
|
|
|
@click="selectColor(color)" |
|
|
|
@click="selectColor(color)" |
|
|
|
> |
|
|
|
> |
|
|
|
{{ compare(picked, color) ? '✓' : '' }} |
|
|
|
{{ compare(picked as string, color) ? '✓' : '' }} |
|
|
|
</button> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<a-card v-if="props.advanced" class="w-full mt-2" :body-style="{ padding: '0px' }" :bordered="false"> |
|
|
|
<a-card v-if="props.advanced" class="w-full mt-2" :body-style="{ padding: '0px' }" :bordered="false"> |
|
|
|