test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: added add/hide border action

Browse Source
This commit is contained in:
Shariq Ansari 2024-06-19 17:29:02 +05:30
parent fb8dfb55d6
commit c0caf1c776
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/Settings/QuickEntryLayoutBuilder.vue
View File

@ -5,8 +5,11 @@
<div class="bg-white px-4 pb-6 pt-5 sm:px-6 overflow-y-auto">
<Draggable :list="sections" item-key="label" class="flex flex-col">
<template #item="{ element: section }">
<div class="border-b py-2 first:pt-0">
<div class="flex items-center justify-between py-2">
<div
class="py-2 first:pt-0"
:class="section.hideBorder ? '' : 'border-t first:border-t-0'"
>
<div class="flex items-center justify-between pb-2">
<div
class="flex h-7 max-w-fit cursor-pointer items-center gap-2 text-base font-semibold leading-5"
>
@ -115,7 +118,7 @@
</div>
</template>
</Draggable>
<div class="py-2">
<div class="py-2 border-t">
<Button
class="w-full !h-[38px] !border-gray-200"
variant="outline"
@ -189,6 +192,11 @@ function getOptions(section) {
icon: section.hideLabel ? 'eye' : 'eye-off',
onClick: () => (section.hideLabel = !section.hideLabel),
},
{
label: section.hideBorder ? 'Show Border' : 'Hide Border',
icon: 'minus',
onClick: () => (section.hideBorder = !section.hideBorder),
},
{
label: 'Add Column',
icon: 'columns',