jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Add ShadTooltip component and update styling in exampleComponent and MainPage

Browse source
This commit is contained in:
anovazzi1 2024-03-05 21:34:36 -03:00
commit 6af16272fd
2 changed files with 22 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/frontend/src/components/exampleComponent/index.tsx
View file

@ -53,7 +53,9 @@ export default function CollectionCardComponent({
</CardTitle> </CardTitle>
</div> </div>
<CardDescription className="pb-2 pt-2"> <CardDescription className="pb-2 pt-2">
<ShadTooltip side="bottom" styleClasses="z-50" content={flow.description}>
<div className="truncate-doubleline">{flow.description}</div> <div className="truncate-doubleline">{flow.description}</div>
</ShadTooltip>
</CardDescription> </CardDescription>
</CardHeader> </CardHeader>
</div> </div>

2
src/frontend/src/pages/MainPage/index.tsx
View file

@ -128,7 +128,7 @@ export default function HomePage(): JSX.Element {
/> />
</BaseModal.Header> </BaseModal.Header>
<BaseModal.Content> <BaseModal.Content>
<div className="flex flex-wrap w-full h-full p-4 gap-3"> <div className="flex flex-wrap w-full h-full p-4 gap-3 overflow-auto custom-scroll">
{examples.map((example, idx) => { {examples.map((example, idx) => {
return( return(
<ExampleCardComponent key={idx} flow={example} />) <ExampleCardComponent key={idx} flow={example} />)