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

fix redirect alignment and css class names

This commit is contained in:
Erik Marks 2020-06-12 09:09:24 -07:00
parent d8e7fb4c42
commit 0cec119fc8
3 changed files with 63 additions and 64 deletions

View File

@ -8,7 +8,7 @@ import PermissionPageContainer from '../../components/app/permission-page-contai
import ChooseAccount from './choose-account'
import PermissionsRedirect from './redirect'
const APPROVE_TIMEOUT = 1200
const APPROVE_TIMEOUT = 120000
export default class PermissionConnect extends Component {
static propTypes = {

View File

@ -1,19 +1,19 @@
.permissions-redirect {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
&__result {
@extend %header--24;
display: flex;
position: absolute;
top: 30%;
flex-direction: column;
justify-content: space-between;
align-items: center;
text-align: center;
color: $Black-100;
padding-bottom: 30%;
}
&__icons {
display: flex;
@ -80,4 +80,3 @@
position: absolute;
}
}
}

View File

@ -11,14 +11,14 @@ export default function PermissionsRedirect ({ domainMetadata }) {
<div className="permissions-redirect">
<div className="permissions-redirect__result">
{ t('connecting') }
<div className="permissions-redirect__result__icons">
<div className="permissions-redirect__icons">
<IconWithFallBack icon={domainMetadata.icon} name={domainMetadata.name} />
<div className="permissions-redirect__result__center-icon">
<span className="permissions-redirect__result__check" />
<div className="permissions-redirect__center-icon">
<span className="permissions-redirect__check" />
{ renderBrokenLine() }
</div>
<div className="permissions-redirect__result__identicon-container">
<div className="permissions-redirect__result__identicon-border">
<div className="permissions-redirect__identicon-container">
<div className="permissions-redirect__identicon-border">
<img src="/images/logo/metamask-fox.svg" />
</div>
</div>