From 9c0a966e391b3019579c13995b2a9f9bbc2b15eb Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 27 May 2024 14:14:14 +0530
Subject: [PATCH] fix: added slot in LayoutHeader to overwrite it

---
 frontend/src/components/LayoutHeader.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/LayoutHeader.vue b/frontend/src/components/LayoutHeader.vue
index 7a52cd39..c72d9084 100644
--- a/frontend/src/components/LayoutHeader.vue
+++ b/frontend/src/components/LayoutHeader.vue
@@ -1,13 +1,15 @@
 <template>
   <Teleport to="#app-header" v-if="showHeader">
-    <header class="flex justify-between items-center pl-5 py-2.5 h-12">
-      <div class="flex items-center gap-2">
-        <slot name="left-header" />
-      </div>
-      <div class="flex items-center gap-2">
-        <slot name="right-header" class="flex items-center gap-2" />
-      </div>
-    </header>
+    <slot>
+      <header class="flex h-12 items-center justify-between py-2.5 pl-5">
+        <div class="flex items-center gap-2">
+          <slot name="left-header" />
+        </div>
+        <div class="flex items-center gap-2">
+          <slot name="right-header" class="flex items-center gap-2" />
+        </div>
+      </header>
+    </slot>
   </Teleport>
 </template>
 <script setup>