react-sweet-progress
react-sweet-progress copied to clipboard
You can now style various components individually (only circle working)
<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} />
- A lot of changes in code style
- Various changes except added styles to other components
- console.log
- Not added custom styles to the Line component
Can't approve
What you need to do
- Remove all changes except Custom styles
- Add custom style to Line component