Browse Source

fix: update styles

pull/6323/head
DarkPhoenix2704 1 year ago
parent
commit
68682f90c0
  1. 2
      packages/nc-gui/components/cell/DatePicker.vue
  2. 2
      packages/nc-gui/components/cell/Decimal.vue
  3. 2
      packages/nc-gui/components/cell/Email.vue
  4. 2
      packages/nc-gui/components/cell/Float.vue
  5. 2
      packages/nc-gui/components/cell/Integer.vue
  6. 2
      packages/nc-gui/components/cell/Percent.vue
  7. 2
      packages/nc-gui/components/cell/TimePicker.vue
  8. 2
      packages/nc-gui/components/cell/YearPicker.vue

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

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

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

@ -93,7 +93,7 @@ watch(isExpandedFormOpen, () => {
v-if="editEnabled" v-if="editEnabled"
:ref="focus" :ref="focus"
v-model="vModel" 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" type="number"
:step="precision" :step="precision"
style="letter-spacing: 0.06rem" style="letter-spacing: 0.06rem"

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

@ -60,7 +60,7 @@ watch(
v-if="editEnabled" v-if="editEnabled"
:ref="focus" :ref="focus"
v-model="vModel" 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" @blur="editEnabled = false"
@keydown.down.stop @keydown.down.stop
@keydown.left.stop @keydown.left.stop

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

@ -47,7 +47,7 @@ const focus: VNodeRef = (el) => !isExpandedFormOpen.value && props.isFocus && (e
v-if="editEnabled" v-if="editEnabled"
:ref="focus" :ref="focus"
v-model="vModel" 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" type="number"
step="0.1" step="0.1"
@blur="editEnabled = false" @blur="editEnabled = false"

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

@ -84,7 +84,7 @@ function onKeyDown(e: any) {
v-if="editEnabled" v-if="editEnabled"
:ref="focus" :ref="focus"
v-model="vModel" 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" type="number"
style="letter-spacing: 0.06rem" style="letter-spacing: 0.06rem"
@blur="editEnabled = false" @blur="editEnabled = false"

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

@ -38,7 +38,7 @@ const focus: VNodeRef = (el) => !isExpandedFormOpen.value && props.isFocus && (e
v-if="editEnabled" v-if="editEnabled"
:ref="focus" :ref="focus"
v-model="vModel" 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 }" :class="{ '!px-2': editEnabled }"
type="number" type="number"
@blur="editEnabled = false" @blur="editEnabled = false"

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

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

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

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

Loading…
Cancel
Save