m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

fix import account page layout (#11944)

Browse Source 
* fix import account page layout

* cleanup
This commit is contained in:
Alex Donesky 2021-09-03 10:56:43 -05:00 committed by GitHub
parent dcebf49032
commit 7a8f65d642
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 38 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
ui/pages/create-account/import-account/index.js
View File

@ -36,41 +36,44 @@ export default class AccountImportSubview extends Component {
render() {
const menuItems = this.getMenuItemTexts();
const { type } = this.state;
const { t } = this.context;
return (
<div className="new-account-import-form">
<div className="new-account-import-disclaimer">
<span>{this.context.t('importAccountMsg')}</span>
<span
style={{
cursor: 'pointer',
textDecoration: 'underline',
}}
onClick={() => {
global.platform.openTab({
url:
'https://metamask.zendesk.com/hc/en-us/articles/360015289932',
});
}}
>
{this.context.t('here')}
</span>
</div>
<div className="new-account-import-form__select-section">
<div className="new-account-import-form__select-label">
{this.context.t('selectType')}
<>
<div className="page-container__header">
<div className="page-container__title">Import Account</div>
<div className="page-container__subtitle">
{t('importAccountMsg')}
<span
className="new-account-info-link"
onClick={() => {
global.platform.openTab({
url:
'https://metamask.zendesk.com/hc/en-us/articles/360015289932',
});
}}
>
{t('here')}
</span>
</div>
<Dropdown
className="new-account-import-form__select"
options={menuItems.map((text) => ({ value: text }))}
selectedOption={type || menuItems[0]}
onChange={(value) => {
this.setState({ type: value });
}}
/>
</div>
{this.renderImportView()}
</div>
<div className="new-account-import-form">
<div className="new-account-import-form__select-section">
<div className="new-account-import-form__select-label">
{t('selectType')}
</div>
<Dropdown
className="new-account-import-form__select"
options={menuItems.map((text) => ({ value: text }))}
selectedOption={type || menuItems[0]}
onChange={(value) => {
this.setState({ type: value });
}}
/>
</div>
{this.renderImportView()}
</div>
</>
);
}
}

12
ui/pages/create-account/import-account/index.scss
View File

@ -1,11 +1,7 @@
.new-account-import-disclaimer {
@include H7;
width: 120%;
background-color: #f4f9fc;
display: inline-block;
align-items: center;
padding: 20px 30px 20px;
.new-account-info-link {
cursor: pointer;
text-decoration: underline;
color: $primary-blue;
}
.new-account-import-form {