search

betterbettor / bet-better-react

Frontend of BetBetter
MIT License
0 stars 0 forks source link

UI Design #3

Closed krissolui closed 8 months ago

krissolui commented 9 months ago

Components:

  1. Banner design (toggle to expand/collapse)
  • Expanded / collapsed view (toggle button)
  • Collapsed view: show basic match info (e.g. Goals ratio, latest odds, last update time, etc.)
  • Expanded view: show detailed info (e.g. historical odds, line chart, etc.)
  • Pre-match & In-play may have different UIs
  1. Chart view design (line chart)
  • Inside the expanded view of the Banner
  1. Search bar / Filter
  • search for team / game
charrrleee commented 9 months ago

toggle design a list of matches, all matches are folded. user have to expand it to see the chart or details.

louvrecly commented 9 months ago

@wkip1220withweb We have briefly listed out the basic components for the UI. Please let us know if you have any comments or feedback on this. Thanks!