-
Notifications
You must be signed in to change notification settings - Fork 690
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
feat/fix layout shifts #1392
base: main
Are you sure you want to change the base?
feat/fix layout shifts #1392
Conversation
✅ Deploy Preview for testing-library ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
src/pages/index.js
Outdated
<Logo img_src={`${baseUrl}img/logo-large.png`} /> | ||
<Logo | ||
img_src={`${baseUrl}img/logo-large.png`} | ||
img_width={128} |
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.
I prefer refactoring all of these to be the same as the other component (camelCased) instead of adding more props that don't follow normal conventions. Wdyt?
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.
i make pr via local file conventions. because 1 pr = 1 feature. if you want, i can add refactoring, too.
but it is not usual way. it is better to do new pr with refactoring (change to camel, and add linter to keep it in control)
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.
Since we're adding another prop here, I prefer seeing it done in this PR to follow the "boy scout rule". No need for a lint rule though :)
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.
fix only my new code, or small refactoring for all this part?
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.
"I prefer refactoring all of these" - ok
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.
make update at pr
What you did:
Adds image dimensions to fix layout shifts
What happened:
When images don't have dimensions, layout can shift at slow connection