m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-23 02:10:12 +01:00
Code

Dark mode: Updating error color and adding story (#14116)

Browse Source 
* Updating error color and adding story

* Fixing class

* Updates

* removing console log
This commit is contained in:
George Marshall 2022-03-23 09:29:22 -07:00 committed by GitHub
parent 28bcde5191
commit 656fd276c0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/components/ui/qr-code/index.scss
View File

@ -21,7 +21,7 @@
display: flex;
justify-content: center;
align-items: center;
color: var(--color-warning-default);
color: var(--color-error-default);
margin-bottom: 9px;
}

2
ui/components/ui/qr-code/qr-code.js
View File

@ -49,7 +49,7 @@ function QrCodeView(props) {
) : (
header
)}
{warning ? <span className="qr_code__error">{warning}</span> : null}
{warning ? <span className="qr-code__error">{warning}</span> : null}
<div
className="qr-code__wrapper"
dangerouslySetInnerHTML={{

22
ui/components/ui/qr-code/qr-code.stories.js Normal file
View File

@ -0,0 +1,22 @@
import React from 'react';
import QrCodeView from '.';
export default {
title: 'Components/UI/QrCodeView',
id: __filename,
argTypes: {
Qr: {
control: 'object',
},
},
args: {
Qr: {
message: <div>message</div>,
data: 'data',
},
},
};
export const DefaultStory = (args) => <QrCodeView {...args} />;
DefaultStory.storyName = 'Default';