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
|
<Image
|
||||||
id={`hero-image-${index}`}
|
id={`hero-image-${index}`}
|
||||||
class:list={[
|
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[
|
translateXOptions[
|
||||||
Math.floor(Math.random() * translateXOptions.length)
|
Math.floor(Math.random() * translateXOptions.length)
|
||||||
],
|
],
|
||||||
|
Reference in New Issue
Block a user