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() { render() {
const menuItems = this.getMenuItemTexts(); const menuItems = this.getMenuItemTexts();
const { type } = this.state; const { type } = this.state;
const { t } = this.context;
return ( return (
<div className="new-account-import-form"> <>
<div className="new-account-import-disclaimer"> <div className="page-container__header">
<span>{this.context.t('importAccountMsg')}</span> <div className="page-container__title">Import Account</div>
<span <div className="page-container__subtitle">
style={{ {t('importAccountMsg')}
cursor: 'pointer', <span
textDecoration: 'underline', className="new-account-info-link"
}} onClick={() => {
onClick={() => { global.platform.openTab({
global.platform.openTab({ url:
url: 'https://metamask.zendesk.com/hc/en-us/articles/360015289932',
'https://metamask.zendesk.com/hc/en-us/articles/360015289932', });
}); }}
}} >
> {t('here')}
{this.context.t('here')} </span>
</span>
</div>
<div className="new-account-import-form__select-section">
<div className="new-account-import-form__select-label">
{this.context.t('selectType')}
</div> </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> </div>
{this.renderImportView()} <div className="new-account-import-form">
</div> <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 { .new-account-info-link {
@include H7; cursor: pointer;
text-decoration: underline;
width: 120%; color: $primary-blue;
background-color: #f4f9fc;
display: inline-block;
align-items: center;
padding: 20px 30px 20px;
} }
.new-account-import-form { .new-account-import-form {