Closed stevenelleman closed 1 week ago
The latest updates on your projects. Learn more about Vercel for Git ↗︎
Name | Status | Preview | Comments | Updated (UTC) |
---|---|---|---|---|
connections | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Oct 19, 2024 9:19pm |
TODO: in the video there's an example of a long name overflowing off the screen. I need to update this so that name fades out (while keeping the tap count in the same position) instead.
This is approximately 95% of the Cursive Connections leaderboard design.
Design vs PR:
*Note: the leaderboard positions are repeated because I was ensuring ties work. In the case of ties, the first rank + styling is shared between all tied users. Consistent order of tied users is not guaranteed.
Here are the discrepancies: (Note: 1-4 are labeled on the screenshot)
text-align: right
theTotal taps
. [Solution:display: content
, but this now center aligns the username]#7A74BC, #FF9DF8, #FB5D42, #FF0000
but when applied tolinear-gradient()
they don't look right. [figured out the right gradient]Open question:
https://github.com/user-attachments/assets/d455012e-3ebe-4a30-8a12-c730fcb2a1cb