feat(my-joy-beta): improve metadata/tags whitespace
This commit is contained in:
parent
70577ca442
commit
dccfd35525
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user