feature: adding fade effect

xandjiji · Apr 6, 2024 · 3ad0d52 · 3ad0d52
1 parent 83cc2bd
commit 3ad0d52
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/apps/exevo-pan/src/modules/BazaarAuctions/components/AuctionsGrid/TibiaTradeBanner/index.tsx b/apps/exevo-pan/src/modules/BazaarAuctions/components/AuctionsGrid/TibiaTradeBanner/index.tsx
@@ -88,7 +88,12 @@ export const TibiaTradeBanner = ({
         })}
       </p>
 
-      <div className="custom-scrollbar -mb-2 flex w-full gap-4 overflow-auto pb-2">
+      <div className="custom-scrollbar relative -mb-2 flex w-full gap-4 overflow-auto pb-2">
+        <div
+          className="z-1 from-background pointer-events-none absolute top-0 right-0 w-8 bg-gradient-to-l to-transparent"
+          style={{ height: 'calc(100% - 6px)' }}
+        />
+
         {items.map((item, idx) => (
           // eslint-disable-next-line react/no-array-index-key
           <Item key={idx} item={item} />