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

replace Typography with Text component

Browse Source
This commit is contained in:
Matthias Kretschmann 2023-04-18 14:03:18 +01:00 committed by georgewrmarshall
parent 1b41e2cdc7
commit fd959f5960
No known key found for this signature in database
GPG Key ID: 2B91E142BECFA237
3 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui/components/app/cancel-speedup-popover/cancel-speedup-popover.js
View File

@ -20,6 +20,7 @@ import Button from '../../ui/button';
import InfoTooltip from '../../ui/info-tooltip';
import Popover from '../../ui/popover';
import AppLoadingSpinner from '../app-loading-spinner';
import { Text } from '../../component-library';
const CancelSpeedupPopover = () => {
const {
@ -100,9 +101,8 @@ const CancelSpeedupPopover = () => {
alignItems={AlignItems.center}
display={DISPLAY.FLEX}
variant={TextVariant.bodySm}
as="h6"
marginTop={0}
marginBottom={2}
className="cancel-speedup-popover__description"
>
{t('cancelSpeedUpLabel', [
<strong key="cancelSpeedupReplace">{t('replace')}</strong>,
@ -129,7 +129,6 @@ const CancelSpeedupPopover = () => {
}
/>
</Text>
<div className="cancel-speedup-popover__separator" />
<Box
display={DISPLAY.FLEX}
alignItems={AlignItems.center}

6
ui/components/app/cancel-speedup-popover/cancel-speedup-popover.stories.js
View File

@ -71,7 +71,11 @@ export default {
};
export const DefaultStory = (args) => {
return <CancelSpeedupPopover {...args} />;
return (
<div style={{ width: '600px' }}>
<CancelSpeedupPopover {...args} />
</div>
);
};
DefaultStory.storyName = 'Default';

9
ui/components/app/cancel-speedup-popover/index.scss
View File

@ -20,8 +20,13 @@
height: calc(100% + 30px);
}
&__separator {
&__description {
border-bottom: 1px solid var(--color-border-default);
width: 100%;
margin-bottom: 8px;
padding-bottom: 8px;
strong {
font-weight: var(--font-weight-bold);
}
}
}