1
0
mirror of https://github.com/yldio/copilot.git synced 2024-11-13 06:40:06 +02:00

further removing inline styles

This commit is contained in:
Alex Windett 2017-02-15 17:19:04 +00:00
parent 730b8d27be
commit da6835e97e

View File

@ -72,10 +72,10 @@ const Invite = React.createClass({
const { const {
handleToggle, handleToggle,
// UI = {},
// people = [],
} = this.props; } = this.props;
// TODO: When removing react-select css
// change this to styled-components format
const InputStyle = { const InputStyle = {
float: 'left', float: 'left',
width: '75%', width: '75%',
@ -84,14 +84,14 @@ const Invite = React.createClass({
paddingTop: '10px' paddingTop: '10px'
}; };
const AddButtonStyle = { const StyledSubmitButton = styled(Button)`
float: 'right', float: right;
width: '20%' width: 20%;
}; `;
const styleInline = { const StyledInlineButton = styled(Button)`
display: 'inline-block' display: inline-block;
}; `;
const selectData = this.getFormattedPlatformMembers(); const selectData = this.getFormattedPlatformMembers();
@ -121,30 +121,26 @@ const Invite = React.createClass({
value={this.state.selectValue} value={this.state.selectValue}
/> />
</SelectWrapper> </SelectWrapper>
<Button <StyledSubmitButton
secondary secondary
style={AddButtonStyle}
type="submit" type="submit"
> >
Add Add
</Button> </StyledSubmitButton>
</form> </form>
</Column> </Column>
</Row> </Row>
<Button <StyledInlineButton
onClick={handleToggle} onClick={handleToggle}
secondary secondary
style={styleInline}
> >
Cancel Cancel
</Button> </StyledInlineButton>
<Button <StyledInlineButton>
style={styleInline}
>
Send Invitation(s) Send Invitation(s)
</Button> </StyledInlineButton>
</Column> </Column>
</Row> </Row>
); );