react-sweet-progress icon indicating copy to clipboard operation
react-sweet-progress copied to clipboard

You can now style various components individually (only circle working)

Open scroobius-pip opened this issue 7 years ago • 1 comments

<Progress
    theme={{
      active: {
         color: '#083D77',
         outlineColor: '#EBEBD3'
      },
      default: {
        color: styles.colors.white
      }
    }}
    width={200}
    style={{
            circle: {
              'font-family': 'Lato',
              'color': '083D77',
              boxShadow: '0 5px 30px rgba(0, 0, 0, 0.12), 0 1px 10px rgba(0, 0, 0, 0.2)',
              borderRadius: '100%',
              marginLeft:'20px'
            },
            value: {

              'margin-right': '5px',


              'font-size': '54px',
              'font-weight': 'bold'
            },
            percent: {
              'font-size': '24px',
              'position': 'relative',
              'top': '12px',
              'font-weight': '600'
            }
          }}
    type='circle'
    percent={percent || 100} />

snipaste_2017-12-31_16-48-44

scroobius-pip avatar Dec 31 '17 15:12 scroobius-pip

  1. A lot of changes in code style
  2. Various changes except added styles to other components
  3. console.log
  4. Not added custom styles to the Line component

Can't approve

What you need to do

  1. Remove all changes except Custom styles
  2. Add custom style to Line component

nickbullll avatar Jun 06 '18 13:06 nickbullll