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