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

fix(tagsSelectorComponent): remove unnecessary conditional class assignment for fade-container

Browse source 
fix(applies.css): update fade-container::before and fade-container::after background gradient to match the new design
This commit is contained in:
anovazzi1 2023-11-29 19:10:38 -03:00
commit 2916502c71
2 changed files with 2 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/frontend/src/components/tagsSelectorComponent/index.tsx
View file

@ -72,10 +72,7 @@ export function TagsSelector({
}, [divWidth, loadingTags]); // Depend on divWidth }, [divWidth, loadingTags]); // Depend on divWidth
return ( return (
<div <div ref={fadeContainerRef} className="fade-container">
ref={fadeContainerRef}
className={dark ? "fade-container-dark" : "fade-container"}
>
<div ref={scrollContainerRef} className="scroll-container flex gap-2"> <div ref={scrollContainerRef} className="scroll-container flex gap-2">
{!loadingTags && {!loadingTags &&
tags.map((tag, idx) => ( tags.map((tag, idx) => (

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

@ -1040,12 +1040,11 @@
.fade-container::before, .fade-container::before,
.fade-container::after { .fade-container::after {
@apply pointer-events-none absolute bottom-0 top-0; @apply pointer-events-none absolute bottom-0 top-0 bg-gradient-to-r to-transparent from-background;
content: ""; content: "";
width: 50px; width: 50px;
opacity: 0; opacity: 0;
transition: opacity 0.3s; transition: opacity 0.3s;
background: linear-gradient(to right, white, transparent);
} }
.fade-container::after { .fade-container::after {