Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Update comments onboarding carousel images (#5373)

Browse Source
This commit is contained in:
Rishabh Saxena 2021-06-24 12:50:35 +05:30 committed by GitHub
parent 599996fbfa
commit a61b802039
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/client/src/assets/icons/comments/commentCursor.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 730 B

BIN
app/client/src/assets/images/comments-onboarding/step-1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 187 KiB

BIN
app/client/src/assets/images/comments-onboarding/step-2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 140 KiB

BIN
app/client/src/assets/images/comments-onboarding/step-3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 204 KiB

BIN
app/client/src/assets/images/comments-onboarding/step-4.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 206 KiB

BIN
app/client/src/assets/images/comments-onboarding/step-5.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 59 KiB

7
app/client/src/comments/CommentsShowcaseCarousel/index.tsx
View File

@ -64,6 +64,11 @@ const IntroContentContainer = styled.div`
padding: ${(props) => props.theme.spaces[5]}px; padding: ${(props) => props.theme.spaces[5]}px;
`; `;
const StyledImg = styled.img`
width: 100%;
object-fit: contain;
`;
function IntroStep(props: { function IntroStep(props: {
title: string; title: string;
content: string; content: string;
@ -72,7 +77,7 @@ function IntroStep(props: {
}) { }) {
return ( return (
<> <>
<img alt="" src={props.banner} /> <StyledImg alt="" src={props.banner} />
<IntroContentContainer> <IntroContentContainer>
<div style={{ marginBottom: props.theme.spaces[4] }}> <div style={{ marginBottom: props.theme.spaces[4] }}>
<Text <Text