change drawer truncated for long title

This commit is contained in:
Ruben Fiszel
2023-05-09 20:36:50 +02:00
parent 957fd81576
commit 83ea50bb26

View File

@@ -9,18 +9,19 @@
export let forceOverflowVisible = false
export let tooltip: string = ''
export let documentationLink: string | undefined = undefined
</script>
<div class="flex flex-col divide-y h-screen max-h-screen">
<div class="flex justify-between w-wull items-center px-2 py-2">
<div class="flex items-center gap-2">
<div class="flex justify-between w-full items-center px-2 py-2 gap-2">
<div class="flex items-center gap-2 min-w-0">
<CloseButton on:close />
<span class="font-semibold truncate text-gray-800">{title ?? ''}
<span class="font-semibold truncate text-gray-800"
>{title ?? ''}
{#if tooltip != '' || documentationLink}
<Tooltip {documentationLink} scale={0.9}>{tooltip}</Tooltip>
{/if}</span>
{/if}</span
>
</div>
{#if $$slots.actions}
<div class="flex gap-2 items-center justify-end">