fix: update styles

packages/nc-gui/components/cell/DatePicker.vue

@@ -201,7 +201,7 @@ const clickHandler = () => {
   <a-date-picker
     v-model:value="localState"
     :bordered="false"
-    class="!w-full !px-0 !border-none"
+    class="!w-full !px-1 !border-none"
     :class="{ 'nc-null': modelValue === null && showNull }"
     :format="dateFormat"
     :placeholder="placeholder"

packages/nc-gui/components/cell/Decimal.vue

@@ -93,7 +93,7 @@ watch(isExpandedFormOpen, () => {
     v-if="editEnabled"
     :ref="focus"
     v-model="vModel"
-    class="outline-none !py-2 !px-0 border-none rounded-md w-full h-full text-sm"
+    class="outline-none !py-2 !px-1 border-none rounded-md w-full h-full text-sm"
     type="number"
     :step="precision"
     style="letter-spacing: 0.06rem"

packages/nc-gui/components/cell/Email.vue

@@ -60,7 +60,7 @@ watch(
     v-if="editEnabled"
     :ref="focus"
     v-model="vModel"
-    class="w-full outline-none text-sm py-2"
+    class="w-full outline-none text-sm px-1 py-2"
     @blur="editEnabled = false"
     @keydown.down.stop
     @keydown.left.stop

packages/nc-gui/components/cell/Float.vue

@@ -47,7 +47,7 @@ const focus: VNodeRef = (el) => !isExpandedFormOpen.value && props.isFocus && (e
     v-if="editEnabled"
     :ref="focus"
     v-model="vModel"
-    class="outline-none p-0 border-none w-full h-full text-sm"
+    class="outline-none px-1 border-none w-full h-full text-sm"
     type="number"
     step="0.1"
     @blur="editEnabled = false"

packages/nc-gui/components/cell/Integer.vue

@@ -84,7 +84,7 @@ function onKeyDown(e: any) {
     v-if="editEnabled"
     :ref="focus"
     v-model="vModel"
-    class="outline-none !py-2 px-0 border-none w-full h-full text-sm"
+    class="outline-none py-2 px-1 border-none w-full h-full text-sm"
     type="number"
     style="letter-spacing: 0.06rem"
     @blur="editEnabled = false"

packages/nc-gui/components/cell/Percent.vue

@@ -38,7 +38,7 @@ const focus: VNodeRef = (el) => !isExpandedFormOpen.value && props.isFocus && (e
     v-if="editEnabled"
     :ref="focus"
     v-model="vModel"
-    class="w-full !border-none !outline-none focus:ring-0 text-base py-1"
+    class="w-full !border-none !outline-none focus:ring-0 text-base p-1"
     :class="{ '!px-2': editEnabled }"
     type="number"
     @blur="editEnabled = false"

packages/nc-gui/components/cell/TimePicker.vue

@@ -101,7 +101,7 @@ useSelectedCellKeyupListener(active, (e: KeyboardEvent) => {
     :bordered="false"
     use12-hours
     format="HH:mm"
-    class="!w-full !px-0 !border-none"
+    class="!w-full !px-1 !border-none"
     :class="{ 'nc-null': modelValue === null && showNull }"
     :placeholder="placeholder"
     :allow-clear="!readOnly && !localState && !isPk"

packages/nc-gui/components/cell/YearPicker.vue

@@ -85,7 +85,7 @@ useSelectedCellKeyupListener(active, (e: KeyboardEvent) => {
     v-model:value="localState"
     picker="year"
     :bordered="false"
-    class="!w-full !px-0 !border-none"
+    class="!w-full !px-1 !border-none"
     :class="{ 'nc-null': modelValue === null && showNull }"
     :placeholder="placeholder"
     :allow-clear="!readOnly && !localState && !isPk"