From 463b9402793793e07a07c522f951918f3bfd6e6d Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Tue, 18 Feb 2025 23:40:37 +0330
Subject: [PATCH] added border less

---
 .../components/profile/ProfileSection.vue     | 26 ++++++++++++++-----
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/frontend/components/profile/ProfileSection.vue b/frontend/components/profile/ProfileSection.vue
index b692176..1ed490d 100644
--- a/frontend/components/profile/ProfileSection.vue
+++ b/frontend/components/profile/ProfileSection.vue
@@ -3,24 +3,36 @@
 
 type Props = {
     title: string;
+    borderLess?: boolean;
 };
 
 // props
 
-defineProps<Props>();
+withDefaults(defineProps<Props>(), {
+    borderLess: false,
+});
 </script>
 
 <template>
-    <div class="flex flex-col w-full">
-        <div class="flex flex-col items-start">
-            <div
-                class="w-full flex items-center justify-between h-[3rem] pb-5 px-5"
-            >
+    <div class="flex flex-col w-full gap-5">
+        <div
+            class="flex flex-col items-start"
+            :class="{
+                'border-b border-slate-200 pb-5': borderLess,
+            }"
+        >
+            <div class="w-full flex items-center justify-between h-[3rem] px-5">
                 <span class="typo-sub-h-lg">{{ title }}</span>
                 <slot name="button" />
             </div>
         </div>
-        <div class="w-full flex flex-col border border-slate-200 rounded-xl">
+        <div
+            class="w-full flex flex-col border rounded-xl"
+            :class="{
+                'border-none': borderLess,
+                'border-slate-200': !borderLess,
+            }"
+        >
             <div class="w-full p-5">
                 <slot />
             </div>