mirror of
https://github.com/elyby/accounts-frontend.git
synced 2024-12-02 11:41:04 +05:30
Update password request popup to use new styles. Add close button for contact popup
This commit is contained in:
parent
5820a50047
commit
8b8a6e1a64
@ -6,9 +6,9 @@ import { FormattedMessage as Message } from 'react-intl';
|
|||||||
import { Input, TextArea, Button, Form, FormModel, Dropdown } from 'components/ui/form';
|
import { Input, TextArea, Button, Form, FormModel, Dropdown } from 'components/ui/form';
|
||||||
import site from 'services/api/site';
|
import site from 'services/api/site';
|
||||||
import icons from 'components/ui/icons.scss';
|
import icons from 'components/ui/icons.scss';
|
||||||
|
import popupStyles from 'components/ui/popup/popup.scss';
|
||||||
|
|
||||||
import styles from './contactForm.scss';
|
import styles from './contactForm.scss';
|
||||||
import popupStyles from 'components/ui/popup/popup.scss';
|
|
||||||
import messages from './contactForm.intl.json';
|
import messages from './contactForm.intl.json';
|
||||||
|
|
||||||
export default class ContactForm extends Component {
|
export default class ContactForm extends Component {
|
||||||
|
@ -6,8 +6,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.close {
|
.close {
|
||||||
display: none;
|
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
|
@ -3,6 +3,7 @@ import React, { Component, PropTypes } from 'react';
|
|||||||
import { FormattedMessage as Message } from 'react-intl';
|
import { FormattedMessage as Message } from 'react-intl';
|
||||||
|
|
||||||
import { Form, Button, Input, FormModel } from 'components/ui/form';
|
import { Form, Button, Input, FormModel } from 'components/ui/form';
|
||||||
|
import popupStyles from 'components/ui/popup/popup.scss';
|
||||||
|
|
||||||
import messages from './PasswordRequestForm.intl.json';
|
import messages from './PasswordRequestForm.intl.json';
|
||||||
|
|
||||||
@ -21,10 +22,13 @@ export default class PasswordRequestForm extends Component {
|
|||||||
<Form onSubmit={this.onFormSubmit}
|
<Form onSubmit={this.onFormSubmit}
|
||||||
form={form}
|
form={form}
|
||||||
>
|
>
|
||||||
<h2>
|
<div className={popupStyles.header}>
|
||||||
|
<h2 className={popupStyles.headerTitle}>
|
||||||
<Message {...messages.title} />
|
<Message {...messages.title} />
|
||||||
</h2>
|
</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className={popupStyles.body}>
|
||||||
<Input {...form.bindField('password')}
|
<Input {...form.bindField('password')}
|
||||||
type="password"
|
type="password"
|
||||||
required
|
required
|
||||||
@ -34,6 +38,7 @@ export default class PasswordRequestForm extends Component {
|
|||||||
icon="key"
|
icon="key"
|
||||||
placeholder={messages.pleaseEnterPassword}
|
placeholder={messages.pleaseEnterPassword}
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
<Button color="green" label="OK" block type="submit" />
|
<Button color="green" label="OK" block type="submit" />
|
||||||
</Form>
|
</Form>
|
||||||
);
|
);
|
||||||
|
Loading…
Reference in New Issue
Block a user