Daniel/webshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(wizard): add eye-catcher shake animation for missing required categories
All checks were successful
Staging Build / build (push) Successful in 3m41s
Details

Browse Source
This commit is contained in:
DanielS
2026-08-18 16:43:22 +02:00
parent 9dbbbb8b31
commit ea1906f9e4
3 changed files with 96 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
shop/app/globals.css
View File

@@ -193,4 +193,30 @@ input:focus, select:focus, textarea:focus {
option {
color: oklch(var(--oklch-text-main)) !important;
background-color: oklch(var(--oklch-surface)) !important;
}
/* Eye-Catcher & Rüttel-Animation für fehlende Pflichtkategorien */
@keyframes shake {
0%, 100% { transform: translateX(0); }
15%, 55% { transform: translateX(-4px); }
35%, 75% { transform: translateX(4px); }
}
@keyframes eye-catcher-glow {
0%, 100% {
box-shadow: 0 0 15px rgba(244, 63, 94, 0.6), inset 0 0 8px rgba(244, 63, 94, 0.3);
border-color: rgba(244, 63, 94, 0.9);
}
50% {
box-shadow: 0 0 28px rgba(239, 68, 68, 0.9), inset 0 0 14px rgba(239, 68, 68, 0.5);
border-color: rgba(239, 68, 68, 1);
}
}
.animate-shake {
animation: shake 0.6s ease-in-out infinite;
}
.animate-eye-catcher {
animation: eye-catcher-glow 1.2s ease-in-out infinite, shake 0.8s ease-in-out infinite !important;
}