Browse Source

fix(nc-gui): color picker more colors icon alignment

pull/7664/head
Ramesh Mane 9 months ago
parent
commit
011459fcec
  1. 9
      packages/nc-gui/components/general/ColorPicker.vue

9
packages/nc-gui/components/general/ColorPicker.vue

@ -58,13 +58,12 @@ watch(picked, (n, _o) => {
> >
{{ compare(picked, color) ? '✓' : '' }} {{ compare(picked, color) ? '✓' : '' }}
</button> </button>
<button <button class="h-6 w-6 mt-2.7 ml-1 border-1 border-[grey] rounded-md" @click="isPickerOn = !isPickerOn">
class="h-6 w-6 mt-2.7 ml-1 border-1 border-[grey] rounded-md flex items-center justify-center"
@click="isPickerOn = !isPickerOn"
>
<GeneralTooltip> <GeneralTooltip>
<template #title>{{ $t('activity.moreColors') }}</template> <template #title>{{ $t('activity.moreColors') }}</template>
<GeneralIcon class="mt-1.5" :icon="isPickerOn ? 'minus' : 'plus'" /> <div class="flex items-center justify-center">
<GeneralIcon :icon="isPickerOn ? 'minus' : 'plus'" class="w-4 h-4"/>
</div>
</GeneralTooltip> </GeneralTooltip>
</button> </button>
</div> </div>

Loading…
Cancel
Save