Describe the Bug
The animated gradient background only covers the first viewport height of the page. On all pages, once the user scrolls past the initial screen height, the background cuts off and the rest of the page shows a plain white background instead of the gradient continuing.
To Reproduce
Steps to reproduce the behavior:
- Go to any long page, e.g., Create Event Page.
- Scroll down past the "Basic Info" section to "Event Details"
- See error — the gradient background disappears and the page turns plain white
Expected Behavior
The gradient background should extend across the entire scrollable height of the page, not just the first viewport, so the visual theme stays consistent while scrolling.
Screenshots/Gifs
Environment (please complete the following information):
- OS: Windows
- Browser: Chrome
- Node Version: 22.13.1
Describe the Bug
The animated gradient background only covers the first viewport height of the page. On all pages, once the user scrolls past the initial screen height, the background cuts off and the rest of the page shows a plain white background instead of the gradient continuing.
To Reproduce
Steps to reproduce the behavior:
Expected Behavior
The gradient background should extend across the entire scrollable height of the page, not just the first viewport, so the visual theme stays consistent while scrolling.
Screenshots/Gifs
Environment (please complete the following information):