From ceabea6d23401017a66eb1bb95d16494d1a0e119 Mon Sep 17 00:00:00 2001
From: reenphygeorge <reenphygeorge@gmail.com>
Date: Sat, 2 Sep 2023 17:33:22 +0530
Subject: [PATCH] feat(nc-gui): updated badge ui

---
 packages/nc-gui/components/nc/Badge.vue            |  2 +-
 .../components/smartsheet/toolbar/SearchData.vue   | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/nc-gui/components/nc/Badge.vue b/packages/nc-gui/components/nc/Badge.vue
index 81a7c12352..88c04ec6c2 100644
--- a/packages/nc-gui/components/nc/Badge.vue
+++ b/packages/nc-gui/components/nc/Badge.vue
@@ -28,6 +28,6 @@ const props = defineProps<{
 
 <style>
 .badge-color {
-  @apply mt-1 border w-23 h-6 rounded-lg;
+  @apply mt-1 border px-2 h-6 rounded-lg;
 }
 </style>
diff --git a/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue b/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue
index 68f094a17a..4ec40217fa 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue
@@ -93,13 +93,13 @@ watchDebounced(
       :class="{ '!bg-gray-50 ': isDropdownOpen }"
       @click="isDropdownOpen = !isDropdownOpen"
     >
-      <GeneralIcon icon="search" class="ml-1 h-3.5 w-3.5 text-gray-500 group-hover:text-black" />
-      <NcBadge color="purple">
-      <p class="pt-1 text-center text-xs font-regular text-gray-400"
-      >
-        in {{ displayColumnLabel }}
-      </p>
-    </NcBadge>
+      <GeneralIcon icon="search" class="ml-1 mr-2 h-3.5 w-3.5 text-gray-500 group-hover:text-black" />
+        <NcBadge class="mb-1" color="blue">
+          <p class="pt-1 text-center text-xs font-regular text-blue-600"
+          >
+            in '{{ displayColumnLabel }}'
+          </p>
+        </NcBadge>
       <component :is="iconMap.arrowDown" class="ml-1 text-gray-400 !text-sm" />
 
       <a-select