Fix crash on Mobile Safari

cheeaun · cheeaun · commit 05bf6ff64cf9 · 2026-01-29T16:47:33.000+08:00
diff --git a/src/pages/welcome.css b/src/pages/welcome.css
@@ -141,12 +141,15 @@
         }
 
         transition: all 0.3s var(--timing-function) 0.1s;
-        &:active {
-          transform: scale(1.05);
 
-          &::after {
-            /* move the glare when active */
-            background-position: -10px -10px;
+        @media (hover: hover) {
+          &:active {
+            transform: scale(1.05);
+
+            &::after {
+              /* move the glare when active */
+              background-position: -10px -10px;
+            }
           }
         }
 

Original file line number	Diff line number	Diff line change
`@@ -141,12 +141,15 @@`
`141`	`141`	`}`
`142`	`142`
`143`	`143`	`transition: all 0.3s var(--timing-function) 0.1s;`
`144`		`- &:active {`
`145`		`- transform: scale(1.05);`
`146`	`144`
`147`		`- &::after {`
`148`		`- /* move the glare when active */`
`149`		`- background-position: -10px -10px;`
	`145`	`+ @media (hover: hover) {`
	`146`	`+ &:active {`
	`147`	`+ transform: scale(1.05);`
	`148`	`+`
	`149`	`+ &::after {`
	`150`	`+ /* move the glare when active */`
	`151`	`+ background-position: -10px -10px;`
	`152`	`+ }`
`150`	`153`	`}`
`151`	`154`	`}`
`152`	`155`