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

fix: added slot in LayoutHeader to overwrite it

Browse Source
This commit is contained in:
Shariq Ansari 2024-05-27 14:14:14 +05:30
parent ba811d725a
commit 9c0a966e39
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/components/LayoutHeader.vue
View File

@ -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>