a012ba1087
* fix * improve styling so we can close the message by clicking on the whole header * fix line overflowing * fix
22 lines
528 B
TypeScript
22 lines
528 B
TypeScript
import React from 'react';
|
|
import styled from '@emotion/styled';
|
|
|
|
const StyledThreadMessageBody = styled.div`
|
|
color: ${({ theme }) => theme.font.color.primary};
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-top: ${({ theme }) => theme.spacing(4)};
|
|
white-space: pre-line;
|
|
overflow-wrap: break-word;
|
|
`;
|
|
|
|
type EmailThreadMessageBodyProps = {
|
|
body: string;
|
|
};
|
|
|
|
export const EmailThreadMessageBody = ({
|
|
body,
|
|
}: EmailThreadMessageBodyProps) => {
|
|
return <StyledThreadMessageBody>{body}</StyledThreadMessageBody>;
|
|
};
|