fix: additional padding in select cell (#8507)

Co-authored-by: DarkPhoenix2704 <anbarasun123@gmail.com>
6 months ago · 334e5cf860
2 changed files with 6 additions and 1 deletions
--- a/packages/nc-gui/components/nc/Select.vue
+++ b/packages/nc-gui/components/nc/Select.vue
@ -84,7 +84,7 @@ const onChange = (value: string) => {
  height: fit-content;
  .ant-select-selector {
    box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.02), 0px 3px 1px -2px rgba(0, 0, 0, 0.06);
-    @apply border-1 border-gray-200 rounded-lg !px-3;
+    @apply border-1 border-gray-200 rounded-lg;
  }

  .ant-select-selection-item {
--- a/packages/nc-gui/components/smartsheet/toolbar/Calendar/Mode.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/Calendar/Mode.vue
@ -87,6 +87,11 @@ watch(activeCalendarView, () => {
    @apply !text-[13px];
  }
 }
+.nc-select.ant-select {
+  .ant-select-selector {
+    @apply !px-3;
+  }
+}

 .tab {
  @apply flex items-center h-7 w-14 z-10 justify-center px-2 py-1 rounded-lg gap-x-1.5 text-gray-500 hover:text-black cursor-pointer transition-all duration-300 select-none;