Make mobile a little better

brookslybrand · brookslybrand · commit c931eba128eb · 2025-04-09T18:59:59.000-05:00
diff --git a/app/routes/jam.2025.tsx b/app/routes/jam.2025.tsx
@@ -51,7 +51,7 @@ export default function RemixJam2025() {
         <Navbar className="z-40" />
 
         {/* <LetterOfIntent /> */}
-        <div className="top-layer z-30">
+        <div className="relative z-30">
           <Keepsakes />
         </div>
 
diff --git a/app/styles/jam.css b/app/styles/jam.css
@@ -63,8 +63,10 @@ html {
   will-change: transform;
 }
 
-.keepsake .rotate:hover {
-  transform: rotate(calc(var(--rotate) + var(--hover-rotate)));
+@media (hover: hover) {
+  .keepsake .rotate:hover {
+    transform: rotate(calc(var(--rotate) + var(--hover-rotate)));
+  }
 }
 
 /* Ensure images fill their containers properly */

Original file line number	Diff line number	Diff line change
`@@ -63,8 +63,10 @@ html {`
`63`	`63`	`will-change: transform;`
`64`	`64`	`}`
`65`	`65`
`66`		`-.keepsake .rotate:hover {`
`67`		`- transform: rotate(calc(var(--rotate) + var(--hover-rotate)));`
	`66`	`+@media (hover: hover) {`
	`67`	`+ .keepsake .rotate:hover {`
	`68`	`+ transform: rotate(calc(var(--rotate) + var(--hover-rotate)));`
	`69`	`+ }`
`68`	`70`	`}`
`69`	`71`
`70`	`72`	`/* Ensure images fill their containers properly */`