Merge pull request #4052 from nocodb/fix/input-styles

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

@@ -76,7 +76,7 @@ const submitDuration = () => {
       ref="durationInput"
       v-model="localState"
       class="w-full !border-none p-0"
-      :class="{ '!p-2': editEnabled }"
+      :class="{ '!px-2': editEnabled }"
       :placeholder="durationPlaceholder"
       @blur="submitDuration"
       @keypress="checkDurationFormat($event)"

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

@@ -19,7 +19,7 @@ const vModel = useVModel(props, 'modelValue', emits)
     v-if="editEnabled"
     v-model="vModel"
     class="w-full !border-none text-base"
-    :class="{ '!p-2': editEnabled }"
+    :class="{ '!px-2': editEnabled }"
     type="number"
   />
   <span v-else>{{ vModel }}</span>

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

@@ -23,7 +23,7 @@ const focus: VNodeRef = (el) => (el as HTMLInputElement)?.focus()
     :ref="focus"
     v-model="vModel"
     class="h-full w-full outline-none bg-transparent"
-    :class="{ '!p-2': editEnabled }"
+    :class="{ '!px-2': editEnabled }"
     @blur="editEnabled = false"
   />
 

packages/nc-gui/components/smartsheet/Form.vue

@@ -780,7 +780,11 @@ watch(view, (nextView) => {
 }
 
 .nc-input {
-  @apply w-full !bg-white rounded px-2 py-2 min-h-[40px] mt-2 mb-2 flex items-center border-solid border-1 border-primary;
+  @apply appearance-none w-full !bg-white rounded px-2 py-2 my-2 border-solid border-1 border-primary border-opacity-50;
+
+  :deep(input) {
+    @apply !px-1;
+  }
 }
 
 .form-meta-input::placeholder {

packages/nc-gui/pages/[projectType]/form/[viewId]/index/survey.vue

@@ -434,4 +434,12 @@ onMounted(() => {
     @apply mr-2;
   }
 }
+
+.nc-input {
+  @apply appearance-none w-full !bg-white rounded px-2 py-2 my-2 border-solid border-1 border-primary border-opacity-50;
+
+  input {
+    @apply !py-1 !px-1;
+  }
+}
 </style>