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

fix(ui-toolkit,cp-frontend): bold label only in Form

This commit is contained in:
Sérgio Ramos 2017-09-07 17:51:34 +01:00 committed by Sérgio Ramos
parent 1ac0848ce2
commit 1384d5b50a
4 changed files with 14 additions and 10 deletions

View File

@ -1,11 +1,13 @@
import React from 'react';
import { FormMeta, Button, Label } from 'joyent-ui-toolkit';
import { FormGroup, FormMeta, Button, FormLabel } from 'joyent-ui-toolkit';
import { Row } from 'react-styled-flexboxgrid';
import remcalc from 'remcalc';
import { Field } from 'redux-form';
import { MEditor } from './editors';
const ButtonsRow = Row.extend`margin: ${remcalc(29)} 0 ${remcalc(60)} 0;`;
const ButtonsRow = Row.extend`
margin: ${remcalc(29)} 0 ${remcalc(60)} 0;
`;
export const Manifest = ({
handleSubmit,
@ -15,10 +17,12 @@ export const Manifest = ({
loading
}) => (
<form onSubmit={handleSubmit}>
<FormMeta left>
<Label>Project manifest</Label>
</FormMeta>
<Field name="manifest" defaultValue={defaultValue} component={MEditor} />
<FormGroup reduxForm>
<FormMeta left>
<FormLabel>Project manifest</FormLabel>
</FormMeta>
<Field name="manifest" defaultValue={defaultValue} component={MEditor} />
</FormGroup>
<ButtonsRow>
<Button type="button" onClick={onCancel} secondary>
Cancel
@ -34,4 +38,4 @@ export const Manifest = ({
</form>
);
export default Manifest;
export default Manifest;

View File

@ -5,7 +5,7 @@ import remcalc from 'remcalc';
import {
FormMeta,
Button,
Label,
FormLabel,
Input,
Small,
FormGroup
@ -19,7 +19,7 @@ export const Name = ({ handleSubmit, onCancel, dirty }) => (
<Col xs={12} md={4} lg={4}>
<FormGroup name="name" reduxForm>
<FormMeta left>
<Label>Name the new deployment group</Label>
<FormLabel>Name the new deployment group</FormLabel>
<Small>
Your services will be deployed to eu-east-1 data center.
</Small>

View File

@ -5,6 +5,7 @@ import Label from '../label';
const StyledLabel = Label.extend`
margin-right: ${remcalc(12)};
font-weight: bold;
`;
export default props => {

View File

@ -10,7 +10,6 @@ const Label = styled.label`
font-size: ${remcalc(15)};
font-style: normal;
font-stretch: normal;
font-weight: bold;
display: block;
color: ${props => props.theme.secondary};
`;