Skip to content

Commit

Permalink
fix: Zesty.io Demo Page spacing edits (#2468)
Browse files Browse the repository at this point in the history
# Description

Fixed the whitespace in demo form

Fixes #2467 

## Type of change

Please delete options that are not relevant.

- [x] Bug fix (non-breaking change which fixes an issue)

# How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide
instructions so we can reproduce.

- [x] Manual Test
- [ ] Unit Test
- [ ] E2E Test

# Screenshots / Screen recording

Please add screenshots or recording if applicable
Before: 

![image](https://github.com/zesty-io/website/assets/83058948/937f9c4b-fc71-4b24-a9fd-69bd33ee2246)

After:

![image](https://github.com/zesty-io/website/assets/83058948/1045d539-5e81-4080-b60d-c0f6038438ce)
  • Loading branch information
japhethLG committed Nov 22, 2024
1 parent c2108cc commit 4adf45b
Showing 1 changed file with 7 additions and 7 deletions.
14 changes: 7 additions & 7 deletions src/revamp/ui/GetDemoSection/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -118,7 +118,7 @@ const GetDemoSection = ({
})}
>
<Stack
spacing={4}
spacing={10}
mb={{ xs: 8, lg: 0 }}
width={{ lg: '456px', desktopWide: '548px' }}
>
Expand All @@ -138,13 +138,13 @@ const GetDemoSection = ({
p: {
component: Typography,
props: {
mt: 1,
mt: 2,
component: 'p',
variant: 'h6',
whiteSpace: 'pre-line',
color: 'grey.300',
fontSize: '18px',
lineHeight: '28px',
lineHeight: '24px',
},
},
},
Expand Down Expand Up @@ -282,6 +282,9 @@ const GetDemoSection = ({
)}
</Formik>
</Stack>
<Box sx={{ mt: 4 }}>
<G2Awards alignLeft />
</Box>
</Stack>
</Stack>
</Stack>
Expand All @@ -294,7 +297,7 @@ export default GetDemoSection;
function Testimonial({ review }) {
return (
<Stack gap={2}>
<Typography color={'white'} fontStyle={'italic'}>
<Typography color={'white'} fontStyle={'italic'} fontSize={18}>
{review?.review}
</Typography>
<Stack direction={'row'} gap={2} sx={{ alignItems: 'center' }}>
Expand All @@ -320,9 +323,6 @@ function TrustLogos() {
return (
<Stack>
<Logos alignLeft />
<Box sx={{ mt: 4 }}>
<G2Awards alignLeft />
</Box>
</Stack>
);
}
Expand Down

0 comments on commit 4adf45b

Please sign in to comment.