ellipsis modal breadcrumbs

This commit is contained in:
Cat /dev/Nulo 2023-09-07 12:33:08 -03:00
parent e2fbfa3a8e
commit 6688c02aa2

View file

@ -69,11 +69,16 @@
<Modal onClose={() => (breadcrumbsModalOpen = false)}> <Modal onClose={() => (breadcrumbsModalOpen = false)}>
<ol class="h-full w-full"> <ol class="h-full w-full">
{#each $pageBreadcrumbs as crumb, index} {#each $pageBreadcrumbs as crumb, index}
<li> <li
class="flex items-center overflow-hidden text-ellipsis whitespace-nowrap"
>
{#if index !== 0}
<span aria-hidden="true" class="text-lg"></span>
{/if}
<a <a
href={inject(routes.Page, { worldId, pageId: crumb })} href={inject(routes.Page, { worldId, pageId: crumb })}
on:click={() => ((breadcrumbsModalOpen = false), true)} on:click={() => ((breadcrumbsModalOpen = false), true)}
class="flex items-center text-ellipsis whitespace-nowrap p-4" class="overflow-hidden text-ellipsis whitespace-nowrap py-2 pl-4 text-lg"
class:active-breadcrumb={crumb === pageId} class:active-breadcrumb={crumb === pageId}
>{$crumbsTitles[index] || crumb}</a >{$crumbsTitles[index] || crumb}</a
> >