mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 01:39:44 +01:00
[MMI] fix note to trader (#19868)
* update styles * updates snapshot * prettier * clean up
This commit is contained in:
parent
c0483e118d
commit
ecea2d7506
@ -6,7 +6,7 @@ exports[`NoteToTrader should render the Note to trader component 1`] = `
|
||||
class="box confirm-page-container-content__data box--flex-direction-row"
|
||||
>
|
||||
<div
|
||||
class="box box--display-flex box--flex-direction-row"
|
||||
class="box box--padding-4 box--display-flex box--flex-direction-column"
|
||||
>
|
||||
<div
|
||||
class="box note-header box--display-flex box--flex-direction-row box--justify-content-space-between"
|
||||
|
@ -1,8 +1,8 @@
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import {
|
||||
DISPLAY,
|
||||
FLEX_DIRECTION,
|
||||
Display,
|
||||
FlexDirection,
|
||||
JustifyContent,
|
||||
} from '../../../helpers/constants/design-system';
|
||||
import { Label, Text } from '../../component-library';
|
||||
@ -13,10 +13,14 @@ const NoteToTrader = (props) => {
|
||||
|
||||
return (
|
||||
<Box className="confirm-page-container-content__data">
|
||||
<Box display={DISPLAY.FLEX} flexDirection={FLEX_DIRECTION.ROW}>
|
||||
<Box
|
||||
display={Display.Flex}
|
||||
flexDirection={FlexDirection.Column}
|
||||
padding={4}
|
||||
>
|
||||
<Box
|
||||
className="note-header"
|
||||
display={DISPLAY.FLEX}
|
||||
display={Display.Flex}
|
||||
justifyContent={JustifyContent.spaceBetween}
|
||||
>
|
||||
<Label htmlFor="transaction-note">{labelText}</Label>
|
||||
@ -25,8 +29,8 @@ const NoteToTrader = (props) => {
|
||||
</Text>
|
||||
</Box>
|
||||
<Box
|
||||
display={DISPLAY.FLEX}
|
||||
flexDirection={FLEX_DIRECTION.COLUMN}
|
||||
display={Display.Flex}
|
||||
flexDirection={FlexDirection.Column}
|
||||
className="note-field"
|
||||
>
|
||||
<textarea
|
||||
|
Loading…
Reference in New Issue
Block a user