fix: remove ProductTile hover effects on mobile

newrelic · Apr 29, 2024 · 3f88458 · 3f88458
1 parent 071af65
commit 3f88458
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/components/ProductTile.js b/src/components/ProductTile.js
@@ -109,6 +109,17 @@ const ProductTile = ({ children, icon, title, to }) => {
           .dark-mode & {
             border: var(--secondary-background-color) solid 1px; // prevent shifting on hover
           }
+          @media screen and (max-width: 1000px) {
+            &:hover {
+              transform: none;
+              height: 100%;
+              width: 100%;
+
+              .text {
+                display: none;
+              }
+            }
+          }
         `}
         to={to}
       >