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/links-list-item.tsx
+++ b/components/links-list-item.tsx
@ -26,6 +26,15 @@ export function LinksListItem(props: LinksListItemProps) {
      color='gray.600'
      alignItems={['flex-start', 'center']}
      justifyContent={'space-between'}
+      sx={{
+        '@media (hover: none)': {
+          '&:hover': {
+            '& .list-item-title': {
+              transform: 'none'
+            }
+          }
+        }
+      }}
      _hover={{
        textDecoration: 'none',
        color: 'blue.400',