Increase size of Kanvas icon for better visibility #6070
Conversation
Signed-off-by: Tharanishwaran <[email protected]>
|
🚀 Preview for commit be1a4d4 at: https://6730e2adaeb49ae29e91292c--layer5.netlify.app |
|
@vishalvivekm, the icons appear larger to me on the https://6730e2adaeb49ae29e91292c--layer5.netlify.app/cloud-native-management/kanvas |
|
@vishalvivekm, are there any changes needed in this PR? |
|
@Tharanishwaran please check the logo in different screen width, if you would |
|
Okay @vishalvivekm , I will test it on different screens and commit the changes afterward. |
|
@vishalvivekm , I made the changes and tested the logo on all screen sizes. Here’s a screenshot of how the logo looks on the last screen size.
|
|
@Tharanishwaran Thank you for your contribution! Please add it as an agenda item to the meeting minutes. |
Signed-off-by: Tharanishwaran <[email protected]>
…/layer5 into Increase-size-Kanvas-icon
|
🚀 Preview for commit 397c354 at: https://6733895af175d70879002fc7--layer5.netlify.app |
|
@Tharanishwaran |
@vishalvivekm Yes, sure |
|
🚀 Preview for commit dfa511e at: https://6742031ee47b0b66e5fcc5e2--layer5.netlify.app |
Signed-off-by: Tharanishwaran <[email protected]>
|
🚀 Preview for commit 6aae58f at: https://67421eeb5741b292e251f3c8--layer5.netlify.app |
| } | ||
| border-radius: 0% 85% 0% 0% / 0% 40% 0% 0% ; | ||
| } | ||
| @media screen and (max-width: 210px) { |
There was a problem hiding this comment.
this overuse of media queries is not a good practice. This will become hard to maintain and when something changes around this component we again had to rewrite its styles. Use better css, like use flex, max width etc and make more dynamic rather than fixing on each screen width.
There was a problem hiding this comment.
Thanks for the suggestion, @sudhanshutech I'll refactor the CSS using more dynamic techniques like flex and max-width instead of relying on media queries.
Description
This PR fixes #
Notes for Reviewers
This PR increases the size of Kanvas icon on the layer5.io/kanvas page to enhance visual clarity.
Before :
After :
Signed commits