@@ -28,7 +28,7 @@ const EventOptions = [clickEvent] as const;
2828const getStyle = ( style : TextStyleType ) => {
2929 return css `
3030 border-radius : ${ ( style . radius ? style . radius : "4px" ) }
31- border : ${ ( style . borderWidth ? style . borderWidth : "0px" ) } ${ style . border }
31+ border : ${ ( style . borderWidth ? style . borderWidth : "0px" ) } ${ ( style . borderStyle ? style . borderStyle : " solid" ) } ${ style . border }
3232 color : ${ style . text }
3333 text-transform : ${ style . textTransform } !important ;
3434 text-decoration : ${ style . textDecoration } !important ;
@@ -86,10 +86,18 @@ const TextContainer = styled.div<{
8686 margin: 0;
8787 ${ props => props . $animationStyle }
8888 ${ ( props ) =>
89- props . $type === "text" && "white-space:break-spaces;line-height: 1.9;" } ;
89+ props . $type === "text" && `
90+ white-space:break-spaces;
91+ line-height: 1.9;
92+ font-size: ${ props . $styleConfig . textSize }
93+ font-weight: ${ props . $styleConfig . textWeight }
94+ font-style: ${ props . $styleConfig . fontStyle }
95+ font-family: ${ props . $styleConfig . fontFamily }
96+ margin: ${ props . $styleConfig . margin }
97+ padding: ${ props . $styleConfig . padding }
98+ ` }
9099 ${ ( props ) => props . $styleConfig && getStyle ( props . $styleConfig ) }
91100 display: flex;
92- font-size: ${ ( props ) => props . $styleConfig . textSize }
93101 ${ markdownCompCss }
94102 overflow-wrap: anywhere;
95103 .markdown-body {
0 commit comments