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

Align icons to the left #336

Open
3 tasks done
mrleblanc101 opened this issue Dec 10, 2024 · 1 comment
Open
3 tasks done

Align icons to the left #336

mrleblanc101 opened this issue Dec 10, 2024 · 1 comment
Labels
enhancement New feature or request

Comments

@mrleblanc101
Copy link

Clear and concise description of the problem

Seems odd that the icons are centered instead of being left aligned, especially since there is a pagination.
When I see one incomplete centered row, it makes me think that I'm at the end of the list, but I'm not.

Screenshot 2024-12-10 at 11 46 12 AM

Suggested solution

Maybe change from flex flex-wrap to grid with repeat(auto-fil, minmax(...)) instead ?
Screenshot 2024-12-10 at 11 48 32 AM

Alternative

No response

Additional context

No response

Validations

@mrleblanc101 mrleblanc101 added the enhancement New feature or request label Dec 10, 2024
@antfu
Copy link
Member

antfu commented Dec 11, 2024

That's a bit tricky, as not every collections, the icons are square, using grid would make it looks worse. The reason to be center aligned is the wrapping - feel free to play with it, and would be happy to have a better solution, if any

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants