A quicker settings slide: the same curve over 380ms
1 file+1−10/1 viewed
| 249 | 249 | * the main menu leaves to the left as the settings arrive from the right, | |
| 250 | 250 | * together, with a long ease-out, the way a phone pushes a screen. | |
| 251 | 251 | */ | |
| 252 | − | const TRACK = "flex h-full w-[200%] transition-transform duration-[550ms] ease-[cubic-bezier(0.45,0,0.15,1)] will-change-transform motion-reduce:transition-none"; | |
| 252 | + | const TRACK = "flex h-full w-[200%] transition-transform duration-[380ms] ease-[cubic-bezier(0.45,0,0.15,1)] will-change-transform motion-reduce:transition-none"; | |
| 253 | 253 | /** One menu on the track. */ | |
| 254 | 254 | const PANEL = "h-full w-1/2 shrink-0 overflow-y-auto px-2 pb-4"; | |
| 255 | 255 |