Skip to content
Snippets Groups Projects
Commit 161f9a39 authored by Konrad Mohrfeldt's avatar Konrad Mohrfeldt :koala:
Browse files

fix: don’t let breadcrumbs wrap

parent ab1189ef
No related branches found
No related tags found
No related merge requests found
......@@ -3,23 +3,28 @@
class="tw-flex tw-items-center tw-gap-2 tw-text-gray-500 tw-select-none tw-bg-gray-50 tw-p-2"
>
<template v-for="(crumb, index) in normalizedBreadcrumbs" :key="index">
<icon-system-uicons-chevron-right v-if="index > 0" class="tw-text-gray-300 -tw-mx-1" />
<icon-system-uicons-chevron-right
v-if="index > 0"
class="tw-text-gray-300 -tw-mx-1 tw-flex-none"
/>
<component
:is="crumb.as"
v-bind="crumb.attrs"
class="tw-inline-flex tw-gap-2 tw-items-center tw-text-inherit"
class="tw-inline-flex tw-gap-2 tw-items-center tw-text-inherit tw-min-w-0 tw-shrink last:tw-shrink-0"
:title="sanitizeHTML(crumb.title)"
>
<icon-system-uicons-home-alt v-if="index === 0" />
<SafeHTML :html="crumb.title" />
<icon-system-uicons-home-alt v-if="index === 0" class="tw-flex-none" />
<SafeHTML :html="crumb.title" class="tw-truncate" />
</component>
</template>
</div>
</template>
<script lang="ts" setup>
import { Breadcrumb, BreadcrumbNormalized } from '@/components/nav/nav'
import { computed } from 'vue'
import { sanitizeHTML } from '@/util'
import { Breadcrumb, BreadcrumbNormalized } from '@/components/nav/nav'
import SafeHTML from '@/components/generic/SafeHTML'
const props = defineProps<{
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment