Merge pull request #54 from TheChilledBuffalo/card-item-outline

regularentropy · web-flow · commit 9ecb8397a09a · 2024-07-13T18:45:36.000+02:00
Fix jagged edges of card items during parallax effect
diff --git a/components/ui/3d-card.tsx b/components/ui/3d-card.tsx
@@ -137,7 +137,7 @@ export const CardItem = (props: CardImageProps) => {
   return (
     <Tag
       ref={ref}
-      className={cn("w-fit transition duration-200 ease-linear", className)}
+      className={cn("w-fit transition duration-200 ease-linear outline outline-transparent", className)}
       {...rest}
     >
       {children}

Original file line number	Diff line number	Diff line change
`@@ -137,7 +137,7 @@ export const CardItem = (props: CardImageProps) => {`
`137`	`137`	`return (`
`138`	`138`	`<Tag`
`139`	`139`	`ref={ref}`
`140`		`- className={cn("w-fit transition duration-200 ease-linear", className)}`
	`140`	`+ className={cn("w-fit transition duration-200 ease-linear outline outline-transparent", className)}`
`141`	`141`	`{...rest}`
`142`	`142`	`>`
`143`	`143`	`{children}`