From 7b4cb84c6324363ef4590f3973e59af6c928a8e6 Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Tue, 12 Mar 2024 06:44:57 +0000
Subject: [PATCH] chore(nc-gui): lint

---
 .../nc-gui/components/general/BaseIconColorPicker.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/general/BaseIconColorPicker.vue b/packages/nc-gui/components/general/BaseIconColorPicker.vue
index 316358b558..82b22391c2 100644
--- a/packages/nc-gui/components/general/BaseIconColorPicker.vue
+++ b/packages/nc-gui/components/general/BaseIconColorPicker.vue
@@ -127,7 +127,7 @@ watch(
       </template>
     </div>
     <template #overlay>
-      <div class="relative bg-white rounded-lg border-1 border-gray-200 shadow-lg">
+      <div class="nc-base-icon-color-picker-dropdown relative bg-white rounded-lg border-1 border-gray-200">
         <div class="flex items-center p-2 space-x-2">
           <div
             v-for="(h, i) of Object.keys(preDefinedHueData)"
@@ -147,7 +147,7 @@ watch(
           </div>
         </div>
 
-        <div class="p-2 border-t-1 border-gray-200 flex flex-col space-y-4">
+        <div class="p-2 border-t-1 border-gray-200 flex flex-col space-y-2.5">
           <div class="uppercase text-xs font-medium">{{ $t('labels.customColour') }}</div>
 
           <div class="flex flex-row items-center gap-x-3">
@@ -155,13 +155,13 @@ watch(
               :value="parseInt(`${colorRef.h ?? 0}`)"
               class="nc-color-hue-input"
               type="number"
+              :min="0"
+              :max="360"
               @input="
                 (value) => {
                   updateColorHue(value.target?.value)
                 }
               "
-              :min="0"
-              :max="360"
             />
 
             <LazyGeneralColorSliderWrapper
@@ -181,6 +181,9 @@ watch(
 </template>
 
 <style lang="scss" scoped>
+.nc-base-icon-color-picker-dropdown {
+  box-shadow: 0px 8px 8px -4px #0000000a, 0px 20px 24px -4px #0000001a;
+}
 .nc-pre-defined-hue-item,
 .nc-custom-hue-picker-item {
   .selected {