Browse Source

fix(channelform): fix style on new channel button

renovate/lint-staged-8.x
Jack Mallers 7 years ago
parent
commit
b86fd53583
  1. 1
      app/components/ChannelForm/StepThree.scss
  2. 1
      app/components/ChannelForm/StepTwo.scss
  3. 2
      app/components/CryptoIcon/CryptoIcon.js
  4. 2
      app/routes/channels/components/Channels.js
  5. 4
      app/routes/channels/components/Channels.scss

1
app/components/ChannelForm/StepThree.scss

@ -50,6 +50,7 @@
width: 30px; width: 30px;
height: 200px; height: 200px;
font-size: 100px; font-size: 100px;
font-weight: 100;
border: none; border: none;
outline: 0; outline: 0;
-webkit-appearance: none; -webkit-appearance: none;

1
app/components/ChannelForm/StepTwo.scss

@ -50,6 +50,7 @@
width: 30px; width: 30px;
height: 200px; height: 200px;
font-size: 100px; font-size: 100px;
font-weight: 100;
border: none; border: none;
outline: 0; outline: 0;
-webkit-appearance: none; -webkit-appearance: none;

2
app/components/CryptoIcon/CryptoIcon.js

@ -7,7 +7,7 @@ import Isvg from 'react-inlinesvg'
const CryptoIcon = ({ currency, styles }) => { const CryptoIcon = ({ currency, styles }) => {
switch (currency) { switch (currency) {
case 'btc': case 'btc':
return <FaBitcoin style={styles} /> return <Isvg style={styles} src={path.join(__dirname, '..', 'resources/icons/skinny_bitcoin.svg')} />
case 'ltc': case 'ltc':
return <Isvg style={styles} src={path.join(__dirname, '..', 'resources/litecoin.svg')} /> return <Isvg style={styles} src={path.join(__dirname, '..', 'resources/litecoin.svg')} />
default: default:

2
app/routes/channels/components/Channels.js

@ -63,7 +63,7 @@ class Channels extends Component {
</span> </span>
</div> </div>
<div className={styles.createChannelContainer}> <div className={styles.createChannelContainer}>
<div className='buttonPrimary' onClick={openChannelForm}> <div className={`buttonPrimary ${styles.newChannelButton}`} onClick={openChannelForm}>
Create new channel Create new channel
</div> </div>
</div> </div>

4
app/routes/channels/components/Channels.scss

@ -65,6 +65,10 @@
.createChannelContainer { .createChannelContainer {
padding: 40px; padding: 40px;
.newChannelButton {
font-size: 14px;
}
} }
.channels { .channels {

Loading…
Cancel
Save