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 classes

Browse Source
This commit is contained in:
Erik Marks 2020-06-11 13:56:29 -07:00
parent 8bf1410f06
commit 14a5e77edd
2 changed files with 83 additions and 97 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
ui/app/pages/permissions-connect/redirect/index.scss
View File

@ -1,24 +1,10 @@
.permissions-redirect-container {
.permissions-redirect {
display: flex;
border: none;
box-shadow: none;
width: 100%;
margin-top: 2px;
height: 100%;
flex-direction: column;
&__content {
display: flex;
width: 100%;
height: 144px;
margin-top: 140px;
padding-top: 8px;
align-items: center;
justify-content: center;
}
}
.permission-result {
&__result {
@extend %header--24;
display: flex;
@ -27,6 +13,7 @@
align-items: center;
text-align: center;
color: $Black-100;
padding-bottom: 30%;
&__icons {
display: flex;
@ -93,3 +80,4 @@
position: absolute;
}
}
}

16
ui/app/pages/permissions-connect/redirect/permissions-redirect.component.js
View File

@ -8,25 +8,23 @@ export default function PermissionsRedirect ({ domainMetadata }) {
const t = useContext(I18nContext)
return (
<div className="page-container permissions-redirect-container">
<div className="permissions-redirect-container__content">
<div className="permission-result">
<div className="permissions-redirect">
<div className="permissions-redirect__result">
{ t('connecting') }
<div className="permission-result__icons">
<div className="permissions-redirect__result__icons">
<IconWithFallBack icon={domainMetadata.icon} name={domainMetadata.name} />
<div className="permission-result__center-icon">
<span className="permission-result__check" />
<div className="permissions-redirect__result__center-icon">
<span className="permissions-redirect__result__check" />
{ renderBrokenLine() }
</div>
<div className="permission-result__identicon-container">
<div className="permission-result__identicon-border">
<div className="permissions-redirect__result__identicon-container">
<div className="permissions-redirect__result__identicon-border">
<img src="/images/logo/metamask-fox.svg" />
</div>
</div>
</div>
</div>
</div>
</div>
)
function renderBrokenLine () {