mirror of
https://github.com/pacnpal/thrilltrack-explorer.git
synced 2025-12-20 04:51:11 -05:00
Enhance FormFieldWrapper with blur validation and toasts
Adds validation on blur mode to FormFieldWrapper, introduces animated validation states, and implements standardized form submission toasts via a new formToasts helper; updates ParkForm and RideForm to use the new toast system and to propagate error state with scroll-to-error support.
This commit is contained in:
@@ -104,11 +104,26 @@ export default {
|
||||
"0%": { transform: "translateX(-100%)" },
|
||||
"100%": { transform: "translateX(100%)" },
|
||||
},
|
||||
"fade-in": {
|
||||
"0%": { opacity: "0", transform: "translateY(-4px)" },
|
||||
"100%": { opacity: "1", transform: "translateY(0)" }
|
||||
},
|
||||
"fade-out": {
|
||||
"0%": { opacity: "1", transform: "translateY(0)" },
|
||||
"100%": { opacity: "0", transform: "translateY(-4px)" }
|
||||
},
|
||||
"slide-in-down": {
|
||||
"0%": { opacity: "0", transform: "translateY(-8px)" },
|
||||
"100%": { opacity: "1", transform: "translateY(0)" }
|
||||
},
|
||||
},
|
||||
animation: {
|
||||
"accordion-down": "accordion-down 0.2s ease-out",
|
||||
"accordion-up": "accordion-up 0.2s ease-out",
|
||||
shimmer: "shimmer 2s infinite",
|
||||
"fade-in": "fade-in 0.2s ease-out",
|
||||
"fade-out": "fade-out 0.2s ease-out",
|
||||
"slide-in-down": "slide-in-down 0.3s ease-out",
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user