fix: fortune cookie reduced motion (#97)

edenchazard · web-flow · commit ca5cd24e3df7 · 2025-01-01T21:06:17.000Z
diff --git a/components/DialogFortuneCookie.vue b/components/DialogFortuneCookie.vue
@@ -101,9 +101,13 @@ dialog[open] {
 }
 
 @media (prefers-reduced-motion: reduce) {
+  .fortune-cover {
+    animation: none;
+    width: 0%;
+  }
+
   .fortune-cover,
   .glow {
-    animation: none;
     opacity: 1;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -101,9 +101,13 @@ dialog[open] {`
`101`	`101`	`}`
`102`	`102`
`103`	`103`	`@media (prefers-reduced-motion: reduce) {`
	`104`	`+ .fortune-cover {`
	`105`	`+ animation: none;`
	`106`	`+ width: 0%;`
	`107`	`+ }`
	`108`	`+`
`104`	`109`	`.fortune-cover,`
`105`	`110`	`.glow {`
`106`		`- animation: none;`
`107`	`111`	`opacity: 1;`
`108`	`112`	`}`
`109`	`113`	`}`