Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dynamic number of Module list columns #255

Closed
petar-cvit opened this issue May 5, 2024 · 3 comments · Fixed by #265
Closed

Dynamic number of Module list columns #255

petar-cvit opened this issue May 5, 2024 · 3 comments · Fixed by #265
Labels
good first issue Good for newcomers react UI Update on the UI

Comments

@petar-cvit
Copy link
Collaborator

Is your feature request related to a problem? Please describe.
When you open the /modules of Cyclops UI, you will see modules listed as cards in three columns regardless of the size of the screen. It would be more readable if the number of columns was dynamic based on the size of the screen. On large screens, the cards are too wide, while on narrower screens, they are squeezed in.

Wider screen:
Screenshot 2024-05-03 at 15 38 30

Narrow screen:
Screenshot 2024-05-03 at 15 41 36

Describe the solution you'd like
Make the number of columns dynamic based on the screen width

@petar-cvit petar-cvit added good first issue Good for newcomers UI Update on the UI react labels May 5, 2024
@Tapasvi48
Copy link
Contributor

Screenshot 2024-05-14 at 12 46 32 AM Screenshot 2024-05-14 at 12 45 50 AM Screenshot 2024-05-14 at 12 45 47 AM How does this look ?

@petar-cvit
Copy link
Collaborator Author

Hey @Tapasvi48, looks good! Can you open a PR for it?

@Tapasvi48
Copy link
Contributor

hey i have linked the pr for the issue please check it

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers react UI Update on the UI
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants