Update password request popup to use new styles. Add close button for contact popup

This commit is contained in:
SleepWalker 2016-05-28 01:36:01 +03:00
parent 5820a50047
commit 8b8a6e1a64
3 changed files with 18 additions and 15 deletions

View File

@ -6,9 +6,9 @@ import { FormattedMessage as Message } from 'react-intl';
import { Input, TextArea, Button, Form, FormModel, Dropdown } from 'components/ui/form';
import site from 'services/api/site';
import icons from 'components/ui/icons.scss';
import popupStyles from 'components/ui/popup/popup.scss';
import styles from './contactForm.scss';
import popupStyles from 'components/ui/popup/popup.scss';
import messages from './contactForm.intl.json';
export default class ContactForm extends Component {

View File

@ -6,8 +6,6 @@
}
.close {
display: none;
position: absolute;
right: 10px;
top: 10px;

View File

@ -3,6 +3,7 @@ import React, { Component, PropTypes } from 'react';
import { FormattedMessage as Message } from 'react-intl';
import { Form, Button, Input, FormModel } from 'components/ui/form';
import popupStyles from 'components/ui/popup/popup.scss';
import messages from './PasswordRequestForm.intl.json';
@ -21,19 +22,23 @@ export default class PasswordRequestForm extends Component {
<Form onSubmit={this.onFormSubmit}
form={form}
>
<h2>
<Message {...messages.title} />
</h2>
<div className={popupStyles.header}>
<h2 className={popupStyles.headerTitle}>
<Message {...messages.title} />
</h2>
</div>
<Input {...form.bindField('password')}
type="password"
required
autoFocus
color="green"
skin="light"
icon="key"
placeholder={messages.pleaseEnterPassword}
/>
<div className={popupStyles.body}>
<Input {...form.bindField('password')}
type="password"
required
autoFocus
color="green"
skin="light"
icon="key"
placeholder={messages.pleaseEnterPassword}
/>
</div>
<Button color="green" label="OK" block type="submit" />
</Form>
);