Add Semantic UI React and new statistics UI - Githubissues

EddieHubCommunity / EddieBotUI

EddieBotUI is the front end application that shows Eddie Jaoude Discord Community's public stats.

MIT License

16 stars 18 forks source link

Add Semantic UI React and new statistics UI #7

Closed BOLT04 closed 4 years ago

BOLT04 commented 4 years ago

Example of the new UI

imagem

Problems

When the width is 319 or lower, the layout breaks currently: @rossanodan do you have an idea to solve this issue when the number of the statistic is too high? Maybe the approach I took with using a grid isn't the best and can be improved.

Questions

We could create a file called variables.scss that would contain color variables, viewport breakpoints, etc. Instead of having the values that would be repeated in multiple files:
```
@media (max-width: 600px)
@media (min-width: 320px) and (max-width: 480px) {
```
If anyone can find a better icon for the reactions it would be awesome 😅 .

rossanodan commented 4 years ago

@BOLT04 great job with that! Maybe using SVGs fixes this problem. SVGs are very easy to work with, mainly for responsiveness. The don't even loss quality shrinking or enlarging. But I have to take a look before 👍