-
Notifications
You must be signed in to change notification settings - Fork 142
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
chore: remove superfest #1368
base: develop
Are you sure you want to change the base?
chore: remove superfest #1368
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
src/components/ProfilePage/QuestCardCompleted/QuestCardCompleted.style.ts
Outdated
Show resolved
Hide resolved
position: 'relative', | ||
bottom: '16px', | ||
right: '32px', | ||
padding: '6px', |
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.
padding: '6px', | |
padding: theme.spacing(0.75), |
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.
why sometimes using theme.spacing and sometimes just removing "px"?
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.
Good point, I messed up if I did and in the perfect world, I´d stick with one approach:
We can discuss in the team, if we can agree on a certain approach: For me properties like margin, padding, gap are related to spacings. I try to avoid theme.spacing
on any styles like borderRadius, height, width, whatsoever...
borderRadius: '128px', | ||
justifyContent: 'center', | ||
})); | ||
|
||
export interface XPDisplayBoxProps extends Omit<BoxProps, 'component'> { | ||
active?: boolean; | ||
} | ||
|
||
export const XPDisplayBox = styled(Box, { | ||
shouldForwardProp: (prop) => prop !== 'active', | ||
})<XPDisplayBoxProps>(({ active }) => ({ |
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.
If those suggestions make use of theme we must make sure, it´s provided. Just flying over it, I have not double-checked on each styled-component if theme is available!!
height: '416px', | ||
width: '272px', |
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.
height: '416px', | |
width: '272px', | |
height: 416, | |
width: 272, |
height: '416px', | ||
width: '256px', | ||
borderRadius: '8px', | ||
width: '272px', |
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.
width: '272px', | |
width: 272, |
Co-authored-by: dennyscode <[email protected]>
Co-authored-by: dennyscode <[email protected]>
Co-authored-by: dennyscode <[email protected]>
Co-authored-by: dennyscode <[email protected]>
…ed.style.ts Co-authored-by: dennyscode <[email protected]>
…ed.style.ts Co-authored-by: dennyscode <[email protected]>
…ed.style.ts Co-authored-by: dennyscode <[email protected]>
…ed.style.ts Co-authored-by: dennyscode <[email protected]>
Co-authored-by: dennyscode <[email protected]>
No description provided.