test/jcrm
1
0
Fork 0
forked from test/crm
Code Pull Requests Activity

fix: make section fields label & field width 35-65%

Browse Source
This commit is contained in:
Shariq Ansari 2024-10-30 13:12:05 +05:30
parent 069b58506f
commit 1c54f2faca
1 changed files with 148 additions and 146 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/SectionFields.vue
View File

@ -10,11 +10,12 @@
class="section-field flex items-center gap-2 px-3 leading-5 first:mt-3" class="section-field flex items-center gap-2 px-3 leading-5 first:mt-3"
> >
<Tooltip :text="__(field.label)" :hoverDelay="1"> <Tooltip :text="__(field.label)" :hoverDelay="1">
<div class="sm:w-[106px] w-36 shrink-0 truncate text-sm text-gray-600"> <div class="w-[35%] min-w-20 shrink-0 truncate text-sm text-gray-600">
<span>{{ __(field.label) }}</span> <span>{{ __(field.label) }}</span>
<span class="text-red-500">{{ field.reqd ? ' *' : '' }}</span> <span class="text-red-500">{{ field.reqd ? ' *' : '' }}</span>
</div> </div>
</Tooltip> </Tooltip>
<div class="flex items-center justify-between w-[65%]">
<div <div
class="grid min-h-[28px] flex-1 items-center overflow-hidden text-base" class="grid min-h-[28px] flex-1 items-center overflow-hidden text-base"
> >
@ -171,6 +172,7 @@
@click="field.edit(data[field.name])" @click="field.edit(data[field.name])"
/> />
</div> </div>
</div>
</FadedScrollableDiv> </FadedScrollableDiv>
</template> </template>