-
-
Notifications
You must be signed in to change notification settings - Fork 32.3k
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
[material-ui][docs] Adjust the Templates card design #41450
[material-ui][docs] Adjust the Templates card design #41450
Conversation
Netlify deploy previewBundle size report |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
True, yeah; both work, but the current design's slightly bigger image is indeed beneficial. Good call 👌 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks so much for tackling this! It was on my list to review this page after I've finished all the templates.
I Agree with @DiegoAndai though, we could leave more space for the template thumbnail. What if we had two cards like Joy UI?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🚀
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good!
I wasn't enjoying how the "Live Preview" button was hidden beneath a hover on the template's thumbnail; I think most people would want to quickly check out what the template looks like before diving deeper into the source code. So, this PR, ultimately, approximates the card design to the one we're already using on the Joy UI docs, making both buttons side to side.
https://deploy-preview-41450--material-ui.netlify.app/material-ui/getting-started/templates/