Added a scrollbar and improved the responsiveness of the website

shivansh-bhatnagar18 / multiplayer-uno

https://multiplayer-uno.vercel.app

21 stars 43 forks source link

Added a scrollbar and improved the responsiveness of the website #112

Closed realnilesh closed 3 weeks ago

realnilesh commented 3 weeks ago

Description

I have added a scrollbar with gradient colour and also fixed the css and changes some classes as well to make the site more responsive

How to Test

Migrate to the frontnd directory on command line and type npm run dev to run the frontend.

Checklist

I have tested these changes locally.
- I have reviewed the code and ensured it follows the project's coding guidelines.
- [ ] I have updated the documentation, if necessary.
- [ ] I have assigned reviewers to this pull request.

Screenshots (if applicable)

laptop view without scrollbar hover Screenshot (115)

large (laptop view) scrollbar with hover Screenshot (116)

mobile view(s20 ultra) Screenshot 2024-06-15 022912

mobile view(14 pro max) Screenshot 2024-06-15 022929

vercel[bot] commented 3 weeks ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
multiplayer-uno	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 15, 2024 6:31am

realnilesh commented 3 weeks ago

Edited some css styles further for a better phone view

on Iphone 14 pro max Screenshot 2024-06-15 120249

on samsung s20 ultra

Screenshot 2024-06-15 120301

kuv2707 commented 3 weeks ago

@shivansh-bhatnagar18 Please have a look. I don't know if there is a need to change any other file than .css

realnilesh commented 3 weeks ago

@shivansh-bhatnagar18 Please have a look. I don't know if there is a need to change any other file than .css

Bhaiya the other files are changed just to improve the responsiveness , as i was already working on it but wasn't assigned to. If you just need scrollbar only index.css must be modified

kuv2707 commented 3 weeks ago

@realnilesh You should only stick to changes specified in the issue. I think the responsiveness is being dealt with in a separate PR. You can remove all but the css file changes from this PR.

vercel[bot] commented 3 weeks ago

@realnilesh is attempting to deploy a commit to the Shivansh Bhatanagar's projects Team on Vercel.

A member of the Team first needs to authorize it.

realnilesh commented 3 weeks ago

@realnilesh You should only stick to changes specified in the issue. I think the responsiveness is being dealt with in a separate PR. You can remove all but the css file changes from this PR.

done bhaiya