Only zoom project cards when screen is large enough
This commit is contained in:
@@ -164,7 +164,7 @@ const projectHasBody = project.body && project.body.trim().length > 0;
|
||||
<Image
|
||||
id={`hero-image-${index}`}
|
||||
class:list={[
|
||||
"animate-floaty absolute h-48 w-auto origin-center transform rounded object-cover shadow-lg/50 transition duration-300 ease-in-out group-hover:z-30 group-hover:scale-130 hover:z-40",
|
||||
"animate-floaty absolute h-48 w-auto origin-center transform rounded object-cover shadow-lg/50 transition duration-300 ease-in-out md:group-hover:z-30 md:group-hover:scale-130 md:hover:z-40",
|
||||
translateXOptions[
|
||||
Math.floor(Math.random() * translateXOptions.length)
|
||||
],
|
||||
|
Reference in New Issue
Block a user