Browse Source

fix: form field alignment issue

pull/7298/head
Ramesh Mane 9 months ago
parent
commit
04b55f54d5
  1. 5
      packages/nc-gui/components/smartsheet/Form.vue
  2. 14
      packages/nc-gui/pages/index/[typeOrId]/form/[viewId]/index.vue

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

@ -897,6 +897,11 @@ const onFormItemClick = (element: any) => {
.nc-input { .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; @apply appearance-none w-full !bg-white rounded px-2 py-2 my-2 border-solid border-1 border-primary border-opacity-50;
&.nc-cell-rating,
&.nc-cell-geodata {
@apply !py-1;
}
:deep(input) { :deep(input) {
@apply !px-1; @apply !px-1;
} }

14
packages/nc-gui/pages/index/[typeOrId]/form/[viewId]/index.vue

@ -69,7 +69,7 @@ p {
.nc-form-view { .nc-form-view {
.nc-data-cell { .nc-data-cell {
@apply border-solid border-1 border-gray-300 dark:border-slate-200; @apply border-solid border-1 !border-gray-300 dark:!border-slate-200;
} }
.nc-cell { .nc-cell {
@ -95,7 +95,15 @@ p {
@apply bg-white dark:bg-slate-500; @apply bg-white dark:bg-slate-500;
&.nc-input { &.nc-input {
@apply w-full px-2 min-h-[40px] flex items-center; @apply w-full px-3 min-h-[40px] flex items-center;
&.nc-cell-longtext {
@apply !px-1;
}
&.nc-cell-json {
@apply !h-auto;
}
.duration-cell-wrapper { .duration-cell-wrapper {
@apply w-full; @apply w-full;
@ -125,8 +133,6 @@ p {
} }
textarea { textarea {
@apply px-4 py-2 rounded;
&:focus { &:focus {
box-shadow: none !important; box-shadow: none !important;
} }

Loading…
Cancel
Save