iod/page-assist
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: Update SelectedKnowledge component styling and truncate long titles

Browse Source
This commit is contained in:
n4ze3m 2024-07-23 00:37:22 +05:30
parent 440ecf86b2
commit b12cf55a47
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Option/Knowledge/SelectedKnwledge.tsx
View File

@ -17,9 +17,9 @@ export const SelectedKnowledge = () => {
<Tooltip
title={knowledge.title}
>
<div className="inline-flex truncate items-center gap-2">
<Blocks className="h-5 w-5 text-gray-400" />
<span className="text-xs hidden lg:inline-block font-semibold dark:text-gray-100">
<div className="inline-flex items-center gap-2 max-w-[150px]">
<Blocks className="h-5 w-5 text-gray-400 flex-shrink-0" />
<span className="text-xs hidden lg:inline-block font-semibold dark:text-gray-100 truncate">
{knowledge.title}
</span>
</div>
@ -34,4 +34,4 @@ export const SelectedKnowledge = () => {
</div>
</div>
)
}
}