25 lines
864 B
Vue
25 lines
864 B
Vue
<script setup lang="ts">
|
|
import Breadcrumbs from '@/components/Breadcrumbs.vue';
|
|
import { SidebarTrigger } from '@/components/ui/sidebar';
|
|
import type { AppSidebarHeaderProps } from '@/types';
|
|
|
|
withDefaults(defineProps<AppSidebarHeaderProps>(), {
|
|
breadcrumbs: () => [],
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<header
|
|
class="border-border/70 bg-background/92 sticky top-0 z-20 flex h-14 shrink-0 items-center gap-2 border-b px-4 backdrop-blur-xl transition-[width,height] ease-linear md:px-6"
|
|
>
|
|
<div class="flex min-w-0 items-center gap-3">
|
|
<SidebarTrigger
|
|
class="text-muted-foreground hover:text-foreground -ml-1"
|
|
/>
|
|
<template v-if="breadcrumbs && breadcrumbs.length > 0">
|
|
<Breadcrumbs :breadcrumbs="breadcrumbs" />
|
|
</template>
|
|
</div>
|
|
</header>
|
|
</template>
|