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

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

@ -53,7 +53,9 @@ export default function CollectionCardComponent({
</CardTitle>
</div>
<CardDescription className="pb-2 pt-2">
<div className="truncate-doubleline">{flow.description}</div>
<ShadTooltip side="bottom" styleClasses="z-50" content={flow.description}>
<div className="truncate-doubleline">{flow.description}</div>
</ShadTooltip>
</CardDescription>
</CardHeader>
</div>
@ -61,25 +63,25 @@ export default function CollectionCardComponent({
<CardFooter>
<div className="flex w-full items-center justify-between gap-2">
<div className="flex w-full justify-end flex-wrap gap-2">
<Button
onClick={() => {
updateIds(flow.data!)
addFlow(true, flow).then((id) => {
<Button
onClick={() => {
updateIds(flow.data!)
addFlow(true, flow).then((id) => {
navigate("/flow/" + id);
});
}}
tabIndex={-1}
variant="outline"
size="sm"
className="whitespace-nowrap "
>
<IconComponent
name="ExternalLink"
className="main-page-nav-button select-none"
/>
Select Flow
</Button>
navigate("/flow/" + id);
});
}}
tabIndex={-1}
variant="outline"
size="sm"
className="whitespace-nowrap "
>
<IconComponent
name="ExternalLink"
className="main-page-nav-button select-none"
/>
Select Flow
</Button>
</div>
</div>
</CardFooter>

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

@ -128,7 +128,7 @@ export default function HomePage(): JSX.Element {
/>
</BaseModal.Header>
<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) => {
return(
<ExampleCardComponent key={idx} flow={example} />)