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

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

@ -36,16 +36,16 @@ 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>
<>
<div className="page-container__header">
<div className="page-container__title">Import Account</div>
<div className="page-container__subtitle">
{t('importAccountMsg')}
<span
style={{
cursor: 'pointer',
textDecoration: 'underline',
}}
className="new-account-info-link"
onClick={() => {
global.platform.openTab({
url:
@ -53,12 +53,14 @@ export default class AccountImportSubview extends Component {
});
}}
>
{this.context.t('here')}
{t('here')}
</span>
</div>
</div>
<div className="new-account-import-form">
<div className="new-account-import-form__select-section">
<div className="new-account-import-form__select-label">
{this.context.t('selectType')}
{t('selectType')}
</div>
<Dropdown
className="new-account-import-form__select"
@ -71,6 +73,7 @@ export default class AccountImportSubview extends Component {
</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 {