mirror of
https://github.com/elyby/accounts-frontend.git
synced 2024-11-30 02:32:58 +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 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 {
|
||||
|
@ -6,8 +6,6 @@
|
||||
}
|
||||
|
||||
.close {
|
||||
display: none;
|
||||
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
|
@ -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>
|
||||
);
|
||||
|
Loading…
Reference in New Issue
Block a user