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

chore: Add card filter overlay and update flex alignment in CollectionCardComponent

Browse source
This commit is contained in:
anovazzi1 2024-05-03 16:01:58 -03:00
commit ebaaf726f9
2 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/frontend/src/components/cardComponent/index.tsx
View file

@ -177,6 +177,7 @@ export default function CollectionCardComponent({
)} )}
onClick={onClick} onClick={onClick}
> >
<div className="hover:card-filter absolute bottom-0 left-0 right-0 top-0 h-full w-full overflow-hidden"></div>
<div> <div>
<CardHeader> <CardHeader>
<div> <div>
@ -292,7 +293,7 @@ export default function CollectionCardComponent({
<CardFooter> <CardFooter>
<div className="flex w-full items-center justify-between gap-2"> <div className="flex w-full items-center justify-between gap-2">
<div className="flex w-full flex-wrap items-end justify-between gap-2"> <div className="flex w-full flex-wrap items-end justify-end gap-2">
{playground && data?.metadata !== undefined ? ( {playground && data?.metadata !== undefined ? (
<Button <Button
disabled={loadingPlayground} disabled={loadingPlayground}
@ -436,7 +437,6 @@ export default function CollectionCardComponent({
</ShadTooltip> </ShadTooltip>
</div> </div>
)} )}
{button && button}
{playground && data?.metadata === undefined && ( {playground && data?.metadata === undefined && (
<Button <Button
disabled={loadingPlayground} disabled={loadingPlayground}

7
src/frontend/src/style/applies.css
View file

@ -9,7 +9,9 @@
body { body {
@apply bg-background text-foreground; @apply bg-background text-foreground;
font-feature-settings: "rlig" 1, "calt" 1; font-feature-settings:
"rlig" 1,
"calt" 1;
} }
} }
@ -1018,6 +1020,9 @@
.langflow-chat-span { .langflow-chat-span {
@apply text-lg text-foreground; @apply text-lg text-foreground;
} }
.card-filter {
@apply bg-background bg-fixed opacity-20;
}
.langflow-chat-desc { .langflow-chat-desc {
@apply w-2/4 rounded-md border border-border bg-muted px-6 py-8; @apply w-2/4 rounded-md border border-border bg-muted px-6 py-8;
} }