UI dashboard adjustments

AthletiFi / athletifi-website

Official website for AthletiFi

https://www.athleti.fi

1 stars 5 forks source link

UI dashboard adjustments #215

Closed pm-moyanor closed 2 months ago

pm-moyanor commented 2 months ago

Alignment and margins in all components
replace font var with next/font
Latest match : overflow scroll on descriptions
Profile: overflow Bio
Season layout: adjust margins, reduce height in "empty data"
past matches: alignment and adjust responsive feature
popup card: alignment and simple animation
teammates: styling, 1 column/rox (scroll x and y)

no animations

chef-louis commented 2 months ago

@pm-moyanor I really like* the look & feel of the improvements as a whole.

Just one area that looks a bit odd to me is in the "LatestMatch" component, the latest ratings look a bit crammed on the right and left margins (screenshot below). It feels a bit uneven compared to the other rating containers.

Screenshot from 2024-04-10 12-44-07

pm-moyanor commented 2 months ago

oh yes, I see it, I'll fix it later today. thanks for the feedback :)

pm-moyanor commented 2 months ago

I fixed the margins on the latest match card, let me know if you see something else. I think the last section (past matches and teammates) looks unbalanced and need more work, to render in even heights. Will work on it with the animations

chef-louis commented 2 months ago

Looks great!