modelcontextprotocol/use-mcp
Watch
1
0
Fork
You've already forked use-mcp
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make gradient background repeat every 100vh

Browse source 
- 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
This commit is contained in:
Glen Maddern 2025-06-23 21:29:22 +10:00
commit 71b07c488b
1 changed files with 2 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
examples/chat-ui/src/index.css
View file

@ -23,6 +23,8 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
background: linear-gradient(135deg, #fdf2f8, #faf5ff, #eef2ff); background: linear-gradient(135deg, #fdf2f8, #faf5ff, #eef2ff);
background-size: 100% 100vh;
background-repeat: repeat-y;
animation: hue-rotate 60s linear infinite; animation: hue-rotate 60s linear infinite;
animation-delay: var(--random-delay, 0s); animation-delay: var(--random-delay, 0s);
z-index: -1; z-index: -1;