-
Notifications
You must be signed in to change notification settings - Fork 4
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
Fixed the design issue with the footer #287
Conversation
I was thinking more about the asymmetry you see in the picture, although I agree this is also an improvement. We may need to work with margins or something. |
I understand what you are talking about, but by separating them i dont see it as a problem anymore? Perhaps we can look into a redesign in the future:) |
…est of the bottom
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.
Nice design, left some comments on chakra theming details.
src/theme.ts
Outdated
@@ -23,6 +23,7 @@ const theme = extendTheme( | |||
td: '#C7323A' /* TD red */, | |||
}, | |||
primary: '#ffffff', | |||
darkerBackground: '#11131d', |
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.
This darker background color would be part of our slate
palette, on the next line. Add it there instead under the 900
key.
w="100%" | ||
direction={{ base: 'column', lg: 'row' }} | ||
mt="auto"> | ||
mt="auto" | ||
style={{ background: theme.colors.darkerBackground, paddingTop: '2rem' }}> |
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.
For chakra-ui components use the chakra color prop instead.
…frontend into feature/footerStyle Fixed the footer design probem
💎 Changes
Closes [#277]
Use a list to express the changes if there are multiple: