Merge pull request #16 from rosset-nocpes/homepage-collections-blur-t…

…ransition add blur transition to title and desc of collections modal
hikka-io · May 6, 2024 · 7594ccc · 7594ccc
2 parents d0bd083 + 921029d
commit 7594ccc
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/app/(pages)/(user)/u/[username]/components/collections/components/ui/collection-item.tsx b/app/(pages)/(user)/u/[username]/components/collections/components/ui/collection-item.tsx
@@ -49,11 +49,15 @@ const CollectionItem: FC<Props> = ({ data, className }) => {
             className={className}
             title={data.title}
             href={`/collections/${data.reference}`}
-            titleClassName={cn(data.spoiler && 'blur-sm hover:blur-none')}
+            titleClassName={cn(
+                data.spoiler && 'blur-sm duration-500 hover:blur-none',
+            )}
             image={poster(data.collection[0].content)}
             imageClassName={cn(data.nsfw && 'blur-sm hover:blur-none')}
             description={description}
-            descriptionClassName={cn(data.spoiler && 'blur-sm hover:blur-none')}
+            descriptionClassName={cn(
+                data.spoiler && 'blur-sm duration-500 hover:blur-none',
+            )}
             meta={Meta}
             titleMeta={TitleMeta}
         />