Change hover interactions for mobile

2021-12-08 19:10:44 +01:00
parent b25111415f
commit 3fe41d2071
3 changed files with 81 additions and 41 deletions
--- a/components/roadmap/home-roadmap-item.tsx
+++ b/components/roadmap/home-roadmap-item.tsx
@ -40,13 +40,13 @@ export function HomeRoadmapItem(props: RoadmapGridItemProps) {
      href={url}
      _hover={{
        textDecoration: 'none',
-        bg: 'rgba(255,255,255,.10)'
+        bg: 'rgba(255,255,255,.10)',
      }}
      sx={{
        // On mobile devices, don't change the scale
        '@media (hover: none)': {
          '&:hover': {
-            transform: 'scale(1)',
+            bg: 'rgba(255,255,255,.05)',
          },
        },
      }}