fix: style

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

@@ -39,9 +39,7 @@ const isEditColumn = inject(EditColumnInj, ref(false))
 
 const durationType = computed(() => parseProp(column?.value?.meta)?.duration || 0)
 
-const durationPlaceholder = computed(() =>
+const durationPlaceholder = computed(() => (isEditColumn.value ? '(Optional)' : durationOptions[durationType.value].title))
-  isEditColumn.value ? '(Optional)' : durationOptions[durationType.value].title,
-)
 
 const localState = computed({
   get: () => convertMS2Duration(modelValue, durationType.value),

packages/nc-gui/components/smartsheet/column/AdvancedOptions.vue

@@ -82,7 +82,7 @@ vModel.value.au = !!vModel.value.au */
 
       <a-form-item v-if="!hideLength" :label="$t('labels.lengthValue')">
         <a-input
-          class="rounded-md"
+          class="!rounded-md"
           v-model:value="vModel.dtxp"
           :disabled="sqlUi.getDefaultLengthIsDisabled(vModel.dt) || !sqlUi.columnEditable(vModel)"
           @input="onAlter"
@@ -90,7 +90,7 @@ vModel.value.au = !!vModel.value.au */
       </a-form-item>
 
       <a-form-item v-if="sqlUi.showScale(vModel)" label="Scale">
-        <a-input v-model:value="vModel.dtxs" class="rounded-md" :disabled="!sqlUi.columnEditable(vModel)" @input="onAlter" />
+        <a-input v-model:value="vModel.dtxs" class="!rounded-md" :disabled="!sqlUi.columnEditable(vModel)" @input="onAlter" />
       </a-form-item>
 
       <LazySmartsheetColumnPgBinaryOptions v-if="isPg(meta?.base_id) && vModel.dt === 'bytea'" v-model:value="vModel" />

packages/nc-gui/components/smartsheet/column/DefaultValue.vue

@@ -41,7 +41,7 @@ useProvideSmartsheetRowStore(vModel, rowRef)
 </script>
 
 <template>
-  <p class="mt-3 text-gray-900">Default Value</p>
+  <div class="!my-3 text-xs">Default Value</div>
   <div class="flex flex-row gap-2">
     <div class="border-1 w-full px-1 my-[-4px] border-gray-300 rounded-md">
       <LazySmartsheetCell :column="vModel" :model-value="cdfValue" :edit-enabled="true" />