fix: Responsive Design Issues for Improved Cross-Device Compatibility - Githubissues

formbricks / oss.gg

Gamify Open Source Contributions

https://oss.gg

MIT License

44 stars 25 forks source link

fix: Responsive Design Issues for Improved Cross-Device Compatibility #64

Closed nik132-eng closed 5 months ago

nik132-eng commented 6 months ago

What does this PR do?

Make design mobile-friendly

Fixes #51

Before

After

How should this be tested?

use in mobile device

Checklist

Required

[x] Filled out the "How to test" section in this PR
[x] Read How we Code at oss.gg
[x] Self-reviewed my own code
[x] Commented on my code in hard-to-understand bits
[x] Ran pnpm build
[x] Checked for warnings, there are none
[x] Removed all console.logs
[x] Merged the latest changes from main onto my branch with git pull origin main
[x] My changes don't cause any responsiveness issues

Appreciated

[x] If a UI change was made: Added a screen recording or screenshots to this PR
[ ] Updated the Formbricks Docs if changes were necessary

vercel[bot] commented 6 months ago

@nik132-eng is attempting to deploy a commit to the formbricks Team on Vercel.

A member of the Team first needs to authorize it.

github-actions[bot] commented 6 months ago

Thank you for following the naming conventions for pull request titles! 🙏

nik132-eng commented 6 months ago

@mattinannt, One more page needs to be checked in responsiveness which is in the repository

in the local environment I filled out the dummy project but not immediately added. just asking in the future is that automated?

nik132-eng commented 6 months ago

Issue tab

jobenjada commented 5 months ago

Hey @nik132-eng - thanks for your start.

This is quite a comprehensive issue giving 250 Points, so please make sure the complete app is properly responsive :)

Here are few points:

Add a hamburger menu on mobile

Headlines too big

Add hamburger menu to dashboard. Right now it impossible to navigate:

Reorganize the card content so its stacked on top of each other (flex-col)

Decrease spacing between items: ![Uploading image.png…]()

Please go through all the screens and make sure the complete app is responsive :))

Thanks!!

nikdev10 commented 5 months ago

@jobenjada I made changes

jobenjada commented 5 months ago

/award 250

oss-gg[bot] commented 5 months ago

Awarding nik132-eng: 250 points!