github
/
nocodb
mirror of https://github.com/nocodb/nocodb
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

fix(nc-gui): add bg gray color for form field settings part

pull/7786/head
Ramesh Mane 9 months ago
parent
9ce9d4d5ec
commit
e906874a41
1 changed files with 5 additions and 5 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 10
      packages/nc-gui/components/smartsheet/Form.vue

10
packages/nc-gui/components/smartsheet/Form.vue
Unescape View File

@ -1088,7 +1088,7 @@ useEventListener(
</div> </div>
<!-- Field Header --> <!-- Field Header -->
<div v-if="activeRow === element.title" class="w-full flex gap-3 items-center px-3 py-2 bg-gray-50"> <div v-if="activeRow === element.title" class="w-full flex gap-3 items-center px-3 py-2 bg-gray-50 border-b-1 border-gray-200">
<component <component
:is="iconMap.drag" :is="iconMap.drag"
class="nc-form-field-drag-handler flex-none cursor-move !h-4 !w-4 text-gray-600" class="nc-form-field-drag-handler flex-none cursor-move !h-4 !w-4 text-gray-600"
@ -1241,7 +1241,7 @@ useEventListener(
<!-- Field Settings --> <!-- Field Settings -->
<div <div
v-if="activeRow === element.title && isSelectTypeCol(element.uidt)" v-if="activeRow === element.title && isSelectTypeCol(element.uidt)"
class="nc-form-field-settings border-t border-gray-200 p-4 lg:p-6 flex flex-col gap-3" class="nc-form-field-settings border-t border-gray-200 p-4 lg:p-6 flex flex-col gap-3 bg-gray-50"
> >
<!-- Layout --> <!-- Layout -->
<div v-if="isSelectTypeCol(element.uidt)"> <div v-if="isSelectTypeCol(element.uidt)">
@ -1263,7 +1263,7 @@ useEventListener(
</div> </div>
<!-- Todo: Show on conditions,... --> <!-- Todo: Show on conditions,... -->
<!-- eslint-disable vue/no-constant-condition --> <!-- eslint-disable vue/no-constant-condition -->
<div v-if="false" class="flex items-start gap-3 px-3 py-2 border-1 border-gray-200 rounded-lg"> <div v-if="false" class="flex items-start gap-3 px-3 py-2 border-1 border-gray-200 rounded-lg bg-white">
<a-switch v-e="['a:form-view:field:show-on-condition']" size="small" class="nc-form-switch-focus" /> <a-switch v-e="['a:form-view:field:show-on-condition']" size="small" class="nc-form-switch-focus" />
<div> <div>
<div class="font-medium text-gray-800">{{ $t('labels.showOnConditions') }}</div> <div class="font-medium text-gray-800">{{ $t('labels.showOnConditions') }}</div>
@ -1272,7 +1272,7 @@ useEventListener(
</div> </div>
<!-- Limit options --> <!-- Limit options -->
<div v-if="isSelectTypeCol(element.uidt)" class="px-3 py-2 border-1 border-gray-200 rounded-lg"> <div v-if="isSelectTypeCol(element.uidt)" class="px-3 py-2 border-1 border-gray-200 rounded-lg bg-white">
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<a-switch <a-switch
v-model:checked="element.meta.isLimitOption" v-model:checked="element.meta.isLimitOption"
@ -1835,7 +1835,7 @@ useEventListener(
@apply !flex !items-center w-full space-x-3; @apply !flex !items-center w-full space-x-3;
:deep(.ant-radio-wrapper) { :deep(.ant-radio-wrapper) {
@apply border-1 border-gray-200 rounded-lg !py-2 !px-3 basis-full !mr-0 !items-center; @apply border-1 border-gray-200 rounded-lg !py-2 !px-3 basis-full !mr-0 !items-center bg-white;
.ant-radio { .ant-radio {
@apply !top-0; @apply !top-0;

Write Preview
Loading…
Cancel
Save