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

Dark Mode : Permission flow (#14071)

Browse Source
This commit is contained in:
Guillaume Roux 2022-03-25 00:26:49 +01:00 committed by GitHub
parent 974491a3cf
commit 4c009d5ae5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 31 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/components/app/permissions-connect-footer/index.scss
View File

@ -7,7 +7,7 @@
&__text {
@include H7;
color: var(--ui-4);
color: var(--color-text-alternative);
display: flex;
margin-top: 10px;

4
ui/components/ui/icon-border/icon-border.scss
View File

@ -1,7 +1,7 @@
.icon-border {
border-radius: 50%;
border: 1px solid var(--ui-1);
background: var(--ui-1);
border: 1px solid var(--color-background-alternative);
background: var(--color-background-alternative);
display: flex;
justify-content: center;
align-items: center;

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

@ -29,9 +29,14 @@
}
&__check {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
width: 40px;
height: 40px;
background: white url("/images/permissions-check.svg") no-repeat;
color: var(--color-success-inverse);
background-color: var(--color-success-default);
position: absolute;
}
}

21
ui/pages/permissions-connect/redirect/permission-redirect.stories.js Normal file
View File

@ -0,0 +1,21 @@
import React from 'react';
import PermissionsRedirect from './permissions-redirect.component';
export default {
title: 'Pages/PermissionsRedirect',
id: __filename,
};
export const PermissionRedirectComponent = () => {
return (
<PermissionsRedirect
subjectMetadata={{
extensionId: '1',
iconUrl: '/images/logo/metamask-fox.svg',
subjectType: 'subjectType',
name: 'test',
origin: 'test',
}}
/>
);
};

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

@ -17,7 +17,7 @@ export default function PermissionsRedirect({ subjectMetadata }) {
size={64}
/>
<div className="permissions-redirect__center-icon">
<span className="permissions-redirect__check" />
<i className="fa fa-check fa-lg permissions-redirect__check" />
{renderBrokenLine()}
</div>
<SiteIcon icon="/images/logo/metamask-fox.svg" size={64} />