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

Fixing account details label colors (#14315)

This commit is contained in:
George Marshall 2022-04-01 06:58:02 -07:00 committed by ryanml
parent a499d0f045
commit 13c087e2e9
2 changed files with 35 additions and 0 deletions

View File

@ -0,0 +1,33 @@
import React from 'react';
import EditableLabel from '.';
export default {
title: 'Components/UI/EditableLabel',
id: __filename,
argTypes: {
onSubmit: {
action: 'onSubmit',
},
defaultValue: {
control: 'text',
},
className: {
control: 'text',
},
accountsNames: {
control: 'array',
},
},
args: {
defaultValue: 'Account 3',
accountsNames: ['Account 1', 'Account 2'],
},
};
export const DefaultStory = (args) => (
<div style={{ position: 'relative', width: 335 }}>
<EditableLabel {...args} />
</div>
);
DefaultStory.storyName = 'Default';

View File

@ -14,6 +14,8 @@
&__input { &__input {
@include H6; @include H6;
color: var(--color-text-default);
background-color: var(--color-background-default);
width: 250px; width: 250px;
text-align: center; text-align: center;
border: 1px solid var(--color-border-default); border: 1px solid var(--color-border-default);