Spearhead/joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

feat(my-joy-beta): improve metadata/tags whitespace

Browse Source
This commit is contained in:
Sérgio Ramos 2017-10-13 21:02:11 +01:00 committed by Sérgio Ramos
parent 70577ca442
commit dccfd35525
1 changed files with 9 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
packages/my-joy-beta/src/components/instances/key-value.js
View File

@ -12,7 +12,7 @@ import {
Editor Editor
} from 'joyent-ui-toolkit'; } from 'joyent-ui-toolkit';
const { SmallOnly, Small } = QueryBreakpoints; const { SmallOnly } = QueryBreakpoints;
const TextareaKeyValue = ({ const TextareaKeyValue = ({
name, name,
@ -24,12 +24,12 @@ const TextareaKeyValue = ({
}) => ( }) => (
<form onSubmit={handleSubmit}> <form onSubmit={handleSubmit}>
<Row> <Row>
<Col xs={12} sm={10}> <Col xs={8} sm={10}>
<FormGroup name={formName} reduxForm> <FormGroup name={formName} reduxForm>
<Input fluid mono marginless /> <Input fluid mono marginless />
</FormGroup> </FormGroup>
</Col> </Col>
<Col xs={6} sm={1}> <Col xs={2} sm={1}>
<Button <Button
type="button" type="button"
onClick={() => onRemove(name)} onClick={() => onRemove(name)}
@ -37,12 +37,13 @@ const TextareaKeyValue = ({
small small
icon icon
fluid fluid
marginless
> >
<BinIcon /> <BinIcon />
</Button> </Button>
</Col> </Col>
<Col xs={6} sm={1}> <Col xs={2} sm={1}>
<Button type="submit" secondary small icon fluid> <Button type="submit" secondary small icon fluid marginless>
S S
</Button> </Button>
</Col> </Col>
@ -51,12 +52,7 @@ const TextareaKeyValue = ({
<Field name={formValue} component={Editor} mode="sh" /> <Field name={formValue} component={Editor} mode="sh" />
</FormGroup> </FormGroup>
</Col> </Col>
<SmallOnly> <Divider height="4" width="100%" transparent />
<Divider height="4" width="100%" transparent />
</SmallOnly>
<Small>
<Divider height="2" width="100%" transparent />
</Small>
</Row> </Row>
</form> </form>
); );
@ -89,12 +85,13 @@ const InputKeyValue = ({
small small
icon icon
fluid fluid
marginless
> >
<BinIcon /> <BinIcon />
</Button> </Button>
</Col> </Col>
<Col xs={6} sm={1}> <Col xs={6} sm={1}>
<Button type="submit" secondary small icon fluid> <Button type="submit" secondary small icon fluid marginless>
S S
</Button> </Button>
</Col> </Col>