fix: update welcome page for night
This commit is contained in:
committed by
Stuart Taylor
parent
06311a56f6
commit
ff53235efd
@ -2,8 +2,7 @@ import React, { Fragment } from 'react';
|
|||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
import { Button, ProgressBar } from '@freecodecamp/react-bootstrap';
|
import { Button, ProgressBar } from '@freecodecamp/react-bootstrap';
|
||||||
|
|
||||||
import FullWidthRow from '../components/helpers/FullWidthRow';
|
import { FullWidthRow, Spacer } from '../components/helpers';
|
||||||
import Spacer from '../components/helpers/Spacer';
|
|
||||||
|
|
||||||
import './supporters.css';
|
import './supporters.css';
|
||||||
|
|
||||||
@ -37,6 +36,7 @@ function Supporters({ isDonating, activeDonations }) {
|
|||||||
<FullWidthRow>
|
<FullWidthRow>
|
||||||
<div id='supporter-progress-wrapper'>
|
<div id='supporter-progress-wrapper'>
|
||||||
<ProgressBar max={supporterGoal} now={activeDonations} />
|
<ProgressBar max={supporterGoal} now={activeDonations} />
|
||||||
|
<Spacer />
|
||||||
<div id='progress-label-wrapper'>
|
<div id='progress-label-wrapper'>
|
||||||
<span className='progress-label'>
|
<span className='progress-label'>
|
||||||
{donationsLocale} supporters out of {supportersLocale} supporter
|
{donationsLocale} supporters out of {supportersLocale} supporter
|
||||||
|
@ -20,3 +20,11 @@ p.stats {
|
|||||||
p.stats span {
|
p.stats span {
|
||||||
color: #006400;
|
color: #006400;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.night p.stats span {
|
||||||
|
color: #67d269;
|
||||||
|
}
|
||||||
|
|
||||||
|
.night .quote-partial .blockquote {
|
||||||
|
background-color: #333;
|
||||||
|
}
|
||||||
|
@ -143,7 +143,7 @@ function Welcome({
|
|||||||
</Row>
|
</Row>
|
||||||
<Spacer />
|
<Spacer />
|
||||||
<Row>
|
<Row>
|
||||||
<Col sm={8} smOffset={2} xs={12}>
|
<Col sm={6} smOffset={3} xs={12}>
|
||||||
<CurrentChallengeLink>
|
<CurrentChallengeLink>
|
||||||
<Button block={true} bsStyle='primary' className='btn-cta-big'>
|
<Button block={true} bsStyle='primary' className='btn-cta-big'>
|
||||||
Go to my next challenge
|
Go to my next challenge
|
||||||
|
Reference in New Issue
Block a user