From c0caf1c77645d2c404d04e4e96ef9cb47d4c0a8e Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 19 Jun 2024 17:29:02 +0530
Subject: [PATCH] fix: added add/hide border action

---
 .../Settings/QuickEntryLayoutBuilder.vue           | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Settings/QuickEntryLayoutBuilder.vue b/frontend/src/components/Settings/QuickEntryLayoutBuilder.vue
index 3467101c..f91f7a3e 100644
--- a/frontend/src/components/Settings/QuickEntryLayoutBuilder.vue
+++ b/frontend/src/components/Settings/QuickEntryLayoutBuilder.vue
@@ -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',