test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki 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"
>
<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 class="text-red-500">{{ field.reqd ? ' *' : '' }}</span>
</div>
</Tooltip>
<div class="flex items-center justify-between w-[65%]">
<div
class="grid min-h-[28px] flex-1 items-center overflow-hidden text-base"
>
@ -171,6 +172,7 @@
@click="field.edit(data[field.name])"
/>
</div>
</div>
</FadedScrollableDiv>
</template>