EddieHubCommunity / RepoRater

Rate GitHub Repos for Developer Experience (DX)
https://repo-rater.eddiehub.org
MIT License
149 stars 37 forks source link

[BUG] Overlaping info on repo list viewing on mobile #97

Closed eddiejaoude closed 8 months ago

eddiejaoude commented 8 months ago

Has this bug been raised before?

Where did you find this bug?

production

Description

When viewing repo list on mobile there is overlapping information. This information should be hidden for mobile

Steps to Reproduce

  1. go to homepage https://repo-rater.eddiehub.io
  2. on smaller screens information, especially for repos with longer names

Screenshots

Screenshot 2024-01-07 at 08 26 21

Do you want to work on this issue?

No

If "yes" to above, please explain how you would technically implement this

Solution is to hide extra information when view on smaller / mobile screens

In file src/components/Repos.js on line 118 make the following changes...

- <p className="text-xs">
+ <p className="text-xs hidden sm:inline-block">
professorabhay commented 8 months ago

Hey, I would like to resolve this. Please assign it to me. So, it will be easy for others to understand that I'm working on it. Needed Time to raise PR - 2hrs from assigning

eddiejaoude commented 8 months ago

Sure, I will assign it to you @professorabhay