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

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

View file

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

View file

@ -1040,12 +1040,11 @@
.fade-container::before,
.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: "";
width: 50px;
opacity: 0;
transition: opacity 0.3s;
background: linear-gradient(to right, white, transparent);
}
.fade-container::after {