Describe the need of your request
generateFadeInFromTop currently uses a fixed 40px offset, which doesn’t account for viewport-fit=cover safe areas in PWA; adding env(safe-area-inset-top) prevents content from overlapping the notch.
Proposed solution
set the default toY of generateFadeInFromTop to calc(40px + env(safe-area-inset-top)) so the animation respects PWA safe-area insets while keeping the option to override the value.
Describe the need of your request
generateFadeInFromTop currently uses a fixed 40px offset, which doesn’t account for viewport-fit=cover safe areas in PWA; adding env(safe-area-inset-top) prevents content from overlapping the notch.
Proposed solution
set the default toY of generateFadeInFromTop to calc(40px + env(safe-area-inset-top)) so the animation respects PWA safe-area insets while keeping the option to override the value.