Skip to content
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

Closed
wants to merge 8 commits into from
Closed

Conversation

Keyvan0111
Copy link
Collaborator

💎 Changes

Closes [#277]

Use a list to express the changes if there are multiple:

  • I added color to the background of the footer to separate it with the rest of the website
    • Added a 'darkerBackground in theme.ts for consitency
image

@eika123
Copy link
Contributor

eika123 commented Jun 2, 2024

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.

@Keyvan0111
Copy link
Collaborator Author

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:)

Copy link
Collaborator

@otytlandsvik otytlandsvik left a 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',
Copy link
Collaborator

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' }}>
Copy link
Collaborator

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.

@Keyvan0111 Keyvan0111 closed this Jun 6, 2024
@Keyvan0111 Keyvan0111 deleted the feature/footerStyle branch June 6, 2024 09:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants