fix: resolve layout shift in knowledge items with long names

Add flex-1, min-w-0 to title and shrink-0 to author metadata to prevent misalignment.
This commit is contained in:
silentoplayz 2025-12-08 23:49:04 -05:00
parent 2b1a29d44b
commit c5f9b89bc0

View file

@ -242,11 +242,11 @@
</div> </div>
<div class=" flex items-center gap-1 justify-between px-1.5"> <div class=" flex items-center gap-1 justify-between px-1.5">
<div class=" flex items-center gap-2"> <div class=" flex-1 min-w-0 flex items-center gap-2">
<div class=" text-sm font-medium line-clamp-1 capitalize">{item.name}</div> <div class=" text-sm font-medium line-clamp-1 capitalize">{item.name}</div>
</div> </div>
<div> <div class="shrink-0">
<div class="text-xs text-gray-500"> <div class="text-xs text-gray-500">
<Tooltip <Tooltip
content={item?.user?.email ?? $i18n.t('Deleted User')} content={item?.user?.email ?? $i18n.t('Deleted User')}