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:
parent
4911c7196c
commit
2916502c71
2 changed files with 2 additions and 6 deletions
|
|
@ -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) => (
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue