d0681ef46d
Add cornerPoints, hasFlash/toggleFlash, and manual start/stop/pause to useQrScanner. Change enabled default to false for click-to-start. Add scoped CSS animations for scanner bracket breathing and error shake. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
29 lines
689 B
CSS
29 lines
689 B
CSS
/* Scanner corner bracket breathing pulse */
|
|
@keyframes scan-breathe {
|
|
0%, 100% { opacity: 0.5; transform: scale(1); }
|
|
50% { opacity: 1; transform: scale(1.05); }
|
|
}
|
|
|
|
/* Error shake */
|
|
@keyframes scan-shake {
|
|
0%, 100% { transform: translateX(0); }
|
|
20% { transform: translateX(-4px); }
|
|
40% { transform: translateX(4px); }
|
|
60% { transform: translateX(-3px); }
|
|
80% { transform: translateX(2px); }
|
|
}
|
|
|
|
@utility animate-scan-breathe {
|
|
animation: scan-breathe 2s ease-in-out infinite;
|
|
}
|
|
|
|
@utility animate-scan-shake {
|
|
animation: scan-shake 0.4s ease-in-out;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.animate-scan-breathe,
|
|
.animate-scan-shake {
|
|
animation: none;
|
|
}
|
|
}
|