-
-
Notifications
You must be signed in to change notification settings - Fork 112
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
docs: change pagination examples #360
Conversation
src/components/Pagination/readme.md
Outdated
const firstItem = lastItem - 3; | ||
return this.content.slice(firstItem, lastItem).map(({ title, image }) => ( | ||
<Card className="rainbow-m-bottom_small rainbow-m-right_small" style={{ width: '32%' }}> | ||
<div className="rainbow-flex rainbow-flex_column rainbow_vertical-stretch" style={{ height: '100%' }}> |
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.
no styles inline
fix all
<div className="rainbow-flex rainbow-flex_column rainbow_vertical-stretch" style={{ height: '100%' }}> | ||
<img src={image} style={{ width: '100%', flex: '1' }} /> | ||
<span className="rainbow-font-size-text_large rainbow-color_dark-1 rainbow-p-bottom_small rainbow-p-top_small" style={{ alignSelf: 'center' }}>{title}</span> | ||
</div> |
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.
use the footer for the title
src/components/Pagination/readme.md
Outdated
const lastItem = activePage * 3; | ||
const firstItem = lastItem - 3; | ||
return this.content.slice(firstItem, lastItem).map(({ title, image }) => ( | ||
<Card className="rainbow-m-bottom_small rainbow-m-right_small" style={{ width: '32%' }}> |
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.
use the rainbow-m-bottom_x-large
instead rainbow-m-bottom_small
{this.getContent()} | ||
</div> | ||
<Pagination className="rainbow-m_auto" pages={6} activePage={activePage} onChange={this.handleOnChange} /> | ||
<Pagination className="rainbow-m_auto" pages={4} activePage={activePage} onChange={this.handleOnChange} /> | ||
</div> |
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.
Pull Request Test Coverage Report for Build 113
💛 - Coveralls |
fixes #356