Skip to content
This repository was archived by the owner on Feb 6, 2026. It is now read-only.

Commit 71b07c4

Browse files
committed
Make gradient background repeat every 100vh
- Add background-size: 100% 100vh to fix gradient height to viewport - Add background-repeat: repeat-y to tile gradient vertically - Gradient pattern now repeats down the page as content grows - Animation applies consistently to all repeated background tiles - Creates seamless repeating pattern while maintaining hue rotation
1 parent 4680b9d commit 71b07c4

File tree

1 file changed

+2
-0
lines changed

1 file changed

+2
-0
lines changed

examples/chat-ui/src/index.css

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,8 @@
2323
right: 0;
2424
bottom: 0;
2525
background: linear-gradient(135deg, #fdf2f8, #faf5ff, #eef2ff);
26+
background-size: 100% 100vh;
27+
background-repeat: repeat-y;
2628
animation: hue-rotate 60s linear infinite;
2729
animation-delay: var(--random-delay, 0s);
2830
z-index: -1;

0 commit comments

Comments
 (0)