💄(frontend) adjust home based on Sam feedbacks
Based on Samuel's feedbacks, adjust few details.
This commit is contained in:
committed by
aleb_the_flash
parent
8a96b6939a
commit
732df0768c
@@ -38,7 +38,7 @@ const Body = styled('p', {
|
|||||||
|
|
||||||
const Image = styled('img', {
|
const Image = styled('img', {
|
||||||
base: {
|
base: {
|
||||||
maxHeight: '330px',
|
maxHeight: '362px',
|
||||||
height: '100%',
|
height: '100%',
|
||||||
width: 'fit-content',
|
width: 'fit-content',
|
||||||
},
|
},
|
||||||
@@ -82,7 +82,7 @@ const ButtonContainer = styled('div', {
|
|||||||
|
|
||||||
const ButtonVerticalCenter = styled('div', {
|
const ButtonVerticalCenter = styled('div', {
|
||||||
base: {
|
base: {
|
||||||
marginTop: '10.3125rem',
|
marginTop: '13.3125rem',
|
||||||
transform: 'translateY(-50%)',
|
transform: 'translateY(-50%)',
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -36,7 +36,7 @@ const Columns = ({ children }: { children?: ReactNode }) => {
|
|||||||
animation: '.5s ease-in fade 0s forwards',
|
animation: '.5s ease-in fade 0s forwards',
|
||||||
lg: {
|
lg: {
|
||||||
flexDirection: 'row',
|
flexDirection: 'row',
|
||||||
justifyContent: 'space-evenly',
|
justifyContent: 'center',
|
||||||
width: '100%',
|
width: '100%',
|
||||||
padding: 0,
|
padding: 0,
|
||||||
},
|
},
|
||||||
@@ -57,7 +57,7 @@ const LeftColumn = ({ children }: { children?: ReactNode }) => {
|
|||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
flexBasis: 'auto',
|
flexBasis: 'auto',
|
||||||
flexShrink: 0,
|
flexShrink: 0,
|
||||||
maxWidth: '39rem',
|
maxWidth: '38rem',
|
||||||
width: '100%',
|
width: '100%',
|
||||||
padding: '1rem 3%',
|
padding: '1rem 3%',
|
||||||
marginTop: 'auto',
|
marginTop: 'auto',
|
||||||
@@ -66,8 +66,8 @@ const LeftColumn = ({ children }: { children?: ReactNode }) => {
|
|||||||
textAlign: 'left',
|
textAlign: 'left',
|
||||||
alignItems: 'flex-start',
|
alignItems: 'flex-start',
|
||||||
flexShrink: '1',
|
flexShrink: '1',
|
||||||
flexBasis: '35rem',
|
flexBasis: '36rem',
|
||||||
maxWidth: '35rem',
|
maxWidth: '36rem',
|
||||||
padding: '1em 3em',
|
padding: '1em 3em',
|
||||||
},
|
},
|
||||||
})}
|
})}
|
||||||
@@ -133,10 +133,10 @@ const Heading = styled('h1', {
|
|||||||
const IntroText = styled('div', {
|
const IntroText = styled('div', {
|
||||||
base: {
|
base: {
|
||||||
marginBottom: '3rem',
|
marginBottom: '3rem',
|
||||||
fontSize: '1.375rem',
|
fontSize: '1.5rem',
|
||||||
lineHeight: '1.8rem',
|
lineHeight: '1.8rem',
|
||||||
textWrap: 'pretty',
|
textWrap: 'pretty',
|
||||||
maxWidth: '28rem',
|
maxWidth: '32rem',
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
"heading": "An error occurred while loading the page"
|
"heading": "An error occurred while loading the page"
|
||||||
},
|
},
|
||||||
"feedback": {
|
"feedback": {
|
||||||
"context": "Visio is still evolving—your input matters!",
|
"context": "Visio is still in early development — your input matters!",
|
||||||
"cta": "Share your feedback"
|
"cta": "Share your feedback"
|
||||||
},
|
},
|
||||||
"forbidden": {
|
"forbidden": {
|
||||||
|
|||||||
@@ -44,7 +44,7 @@
|
|||||||
},
|
},
|
||||||
"slide2": {
|
"slide2": {
|
||||||
"title": "Host group calls without limits",
|
"title": "Host group calls without limits",
|
||||||
"body": "Unlimited time meetings, up to 15 participants, with smooth and high-quality communication, no matter the group size.",
|
"body": "Unlimited time meetings, with smooth and high-quality communication, no matter the group size.",
|
||||||
"imgAlt": "Image of a virtual meeting with multiple participants collaborating seamlessly"
|
"imgAlt": "Image of a virtual meeting with multiple participants collaborating seamlessly"
|
||||||
},
|
},
|
||||||
"slide3": {
|
"slide3": {
|
||||||
|
|||||||
@@ -44,7 +44,7 @@
|
|||||||
},
|
},
|
||||||
"slide2": {
|
"slide2": {
|
||||||
"title": "Organisez des appels de groupe sans limite",
|
"title": "Organisez des appels de groupe sans limite",
|
||||||
"body": "Réunions sans limite de temps, jusqu'à 15 participants, avec une communication fluide et de haute qualité, quel que soit le nombre.",
|
"body": "Réunions sans limite de temps, avec une communication fluide et de haute qualité, quel que soit le nombre.",
|
||||||
"imgAlt": "Image d'une réunion virtuelle avec plusieurs participants collaborant efficacement"
|
"imgAlt": "Image d'une réunion virtuelle avec plusieurs participants collaborant efficacement"
|
||||||
},
|
},
|
||||||
"slide3": {
|
"slide3": {
|
||||||
|
|||||||
Reference in New Issue
Block a user