diff --git a/plugins/talk-plugin-local-auth/client/containers/AddEmailAddressDialog.css b/plugins/talk-plugin-local-auth/client/containers/AddEmailAddressDialog.css new file mode 100644 index 000000000..a85f8e9b0 --- /dev/null +++ b/plugins/talk-plugin-local-auth/client/containers/AddEmailAddressDialog.css @@ -0,0 +1,6 @@ +.dialog { + border: none; + box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); + width: 400px; + top: 10px; +} diff --git a/plugins/talk-plugin-local-auth/client/containers/AddEmailAddressDialog.js b/plugins/talk-plugin-local-auth/client/containers/AddEmailAddressDialog.js index 702634308..dbf75f246 100644 --- a/plugins/talk-plugin-local-auth/client/containers/AddEmailAddressDialog.js +++ b/plugins/talk-plugin-local-auth/client/containers/AddEmailAddressDialog.js @@ -17,6 +17,8 @@ import { EmailAddressAdded, } from '../components/AddEmailAddress'; +import styles from './AddEmailAddressDialog.css'; + class AddEmailAddressDialog extends React.Component { state = { step: 0, @@ -72,7 +74,11 @@ class AddEmailAddressDialog extends React.Component { } = this.props; return ( - + {step === 0 && } {step === 1 && !requireEmailConfirmation && (