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:
parent
730b8d27be
commit
da6835e97e
@ -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>
|
||||||
);
|
);
|
||||||
|
Loading…
Reference in New Issue
Block a user