Update comments onboarding carousel images (#5373)
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 730 B |
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 187 KiB |
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 140 KiB |
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 204 KiB |
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 206 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 59 KiB |
|
|
@ -64,6 +64,11 @@ const IntroContentContainer = styled.div`
|
|||
padding: ${(props) => props.theme.spaces[5]}px;
|
||||
`;
|
||||
|
||||
const StyledImg = styled.img`
|
||||
width: 100%;
|
||||
object-fit: contain;
|
||||
`;
|
||||
|
||||
function IntroStep(props: {
|
||||
title: string;
|
||||
content: string;
|
||||
|
|
@ -72,7 +77,7 @@ function IntroStep(props: {
|
|||
}) {
|
||||
return (
|
||||
<>
|
||||
<img alt="" src={props.banner} />
|
||||
<StyledImg alt="" src={props.banner} />
|
||||
<IntroContentContainer>
|
||||
<div style={{ marginBottom: props.theme.spaces[4] }}>
|
||||
<Text
|
||||
|
|
|
|||