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:
parent
1ac0848ce2
commit
1384d5b50a
@ -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;
|
||||
|
@ -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>
|
||||
|
@ -5,6 +5,7 @@ import Label from '../label';
|
||||
|
||||
const StyledLabel = Label.extend`
|
||||
margin-right: ${remcalc(12)};
|
||||
font-weight: bold;
|
||||
`;
|
||||
|
||||
export default props => {
|
||||
|
@ -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};
|
||||
`;
|
||||
|
Loading…
Reference in New Issue
Block a user