-
Notifications
You must be signed in to change notification settings - Fork 9
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
Add feature banner to react-gears #192
Conversation
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.
Thanks Jingyu! Are you planning on adding some tests too :) ?
src/components/FeatureBanner.js
Outdated
const alertStyle = `${styles.alert} font-weight-bold text-uppercase`; | ||
|
||
return ( | ||
<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.
Do we need this wrapper?
src/components/FeatureBanner.js
Outdated
{alertText} | ||
</div> | ||
<div className={`${styles.body} d-flex align-items-around justify-content-start mr-auto`}> | ||
<div className={`${styles.info}`}> |
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.
Do we need to interpolate here?
src/components/FeatureBanner.js
Outdated
return ( | ||
<div> | ||
<Alert color="info" className="align-items-center d-flex flex-wrap"> | ||
<div className={`${alertStyle} pr-3 hidden-sm-down`}> |
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.
Maybe change to span
src/components/FeatureBanner.scss
Outdated
.body { | ||
@media (min-width: 768px) { | ||
border-left: 1px solid #dae4f1; | ||
padding-left: 13px; |
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.
Where did this come from?
src/components/FeatureBanner.scss
Outdated
@@ -0,0 +1,15 @@ | |||
.body { | |||
@media (min-width: 768px) { | |||
border-left: 1px solid #dae4f1; |
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.
Where did this color come from?
fc076e7
to
21c0635
Compare
No description provided.