Browse Source

fix(nc-gui): emphasise on label in field edit modal form view

pull/7664/head
Ramesh Mane 9 months ago
parent
commit
2cd395e863
  1. 8
      packages/nc-gui/components/smartsheet/Form.vue

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

@ -738,7 +738,7 @@ useEventListener(
: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"
/> />
<div class="font-semibold flex-1 flex items-center max-w-[calc(100%_-_152px)]"> <div class="flex-1 flex items-center max-w-[calc(100%_-_152px)]">
<SmartsheetHeaderVirtualCellIcon v-if="element && isVirtualCol(element)" :column-meta="element" /> <SmartsheetHeaderVirtualCellIcon v-if="element && isVirtualCol(element)" :column-meta="element" />
<SmartsheetHeaderCellIcon v-else :column-meta="element" /> <SmartsheetHeaderCellIcon v-else :column-meta="element" />
@ -748,7 +748,9 @@ useEventListener(
{{ element.title }} {{ element.title }}
</span> </span>
</NcTooltip> </NcTooltip>
<span v-if="isRequired(element, element.required)" class="text-red-500">&nbsp;*</span> <span v-if="isRequired(element, element.required)" class="text-red-500 text-base leading-[18px]"
>&nbsp;*</span
>
</div> </div>
<a-form-item class="!my-0"> <a-form-item class="!my-0">
<div class="flex gap-2 items-center"> <div class="flex gap-2 items-center">
@ -1276,7 +1278,7 @@ useEventListener(
} }
.nc-form-input-label { .nc-form-input-label {
@apply !px-4 !py-2 text-gray-800; @apply !px-4 !py-2 font-semibold text-gray-800;
} }
.nc-form-input-help-text { .nc-form-input-help-text {
@apply !px-4 !py-1 text-gray-700; @apply !px-4 !py-1 text-gray-700;

Loading…
Cancel
Save