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

Improved preference modal UI #503

Merged
merged 6 commits into from
Jul 26, 2020

Conversation

ZeroX-DG
Copy link
Member

@ZeroX-DG ZeroX-DG commented Jun 8, 2020

This PR improve the preference modal UI by limiting the width. This way the extra empty space will not looks awkward anymore

Before:
image

After
image

@ZeroX-DG ZeroX-DG added the awaiting review ❇️ Pull request is awaiting a review. label Jun 8, 2020
`

const TabNav = styled.nav`
width: 200px;
margin-left: 30px;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Using percentage is not a great idea. We should set max-width and place content center.

@Rokt33r
Copy link
Member

Rokt33r commented Jul 21, 2020

I'll continue working on this pr.

@ZeroX-DG
Copy link
Member Author

@Rokt33r I have made some improvement to it. The content is now given a specific width and everything is centered.

@Rokt33r Rokt33r added this to the v0.7.1 milestone Jul 26, 2020
@Rokt33r Rokt33r merged commit e24fa0b into BoostIO:master Jul 26, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
awaiting review ❇️ Pull request is awaiting a review.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants