From 732df0768cb2f7567dbbb0aab53d221543a074ff Mon Sep 17 00:00:00 2001 From: lebaudantoine Date: Mon, 18 Nov 2024 13:11:21 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20adjust=20home=20based?= =?UTF-8?q?=20on=20Sam=20feedbacks?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Based on Samuel's feedbacks, adjust few details. --- .../src/features/home/components/IntroSlider.tsx | 4 ++-- src/frontend/src/features/home/routes/Home.tsx | 12 ++++++------ src/frontend/src/locales/en/global.json | 2 +- src/frontend/src/locales/en/home.json | 2 +- src/frontend/src/locales/fr/home.json | 2 +- 5 files changed, 11 insertions(+), 11 deletions(-) diff --git a/src/frontend/src/features/home/components/IntroSlider.tsx b/src/frontend/src/features/home/components/IntroSlider.tsx index abe3ae31..02df811e 100644 --- a/src/frontend/src/features/home/components/IntroSlider.tsx +++ b/src/frontend/src/features/home/components/IntroSlider.tsx @@ -38,7 +38,7 @@ const Body = styled('p', { const Image = styled('img', { base: { - maxHeight: '330px', + maxHeight: '362px', height: '100%', width: 'fit-content', }, @@ -82,7 +82,7 @@ const ButtonContainer = styled('div', { const ButtonVerticalCenter = styled('div', { base: { - marginTop: '10.3125rem', + marginTop: '13.3125rem', transform: 'translateY(-50%)', }, }) diff --git a/src/frontend/src/features/home/routes/Home.tsx b/src/frontend/src/features/home/routes/Home.tsx index 67a14b74..5ef56cc7 100644 --- a/src/frontend/src/features/home/routes/Home.tsx +++ b/src/frontend/src/features/home/routes/Home.tsx @@ -36,7 +36,7 @@ const Columns = ({ children }: { children?: ReactNode }) => { animation: '.5s ease-in fade 0s forwards', lg: { flexDirection: 'row', - justifyContent: 'space-evenly', + justifyContent: 'center', width: '100%', padding: 0, }, @@ -57,7 +57,7 @@ const LeftColumn = ({ children }: { children?: ReactNode }) => { flexDirection: 'column', flexBasis: 'auto', flexShrink: 0, - maxWidth: '39rem', + maxWidth: '38rem', width: '100%', padding: '1rem 3%', marginTop: 'auto', @@ -66,8 +66,8 @@ const LeftColumn = ({ children }: { children?: ReactNode }) => { textAlign: 'left', alignItems: 'flex-start', flexShrink: '1', - flexBasis: '35rem', - maxWidth: '35rem', + flexBasis: '36rem', + maxWidth: '36rem', padding: '1em 3em', }, })} @@ -133,10 +133,10 @@ const Heading = styled('h1', { const IntroText = styled('div', { base: { marginBottom: '3rem', - fontSize: '1.375rem', + fontSize: '1.5rem', lineHeight: '1.8rem', textWrap: 'pretty', - maxWidth: '28rem', + maxWidth: '32rem', }, }) diff --git a/src/frontend/src/locales/en/global.json b/src/frontend/src/locales/en/global.json index 822bd220..ad5ef7a1 100644 --- a/src/frontend/src/locales/en/global.json +++ b/src/frontend/src/locales/en/global.json @@ -7,7 +7,7 @@ "heading": "An error occurred while loading the page" }, "feedback": { - "context": "Visio is still evolving—your input matters!", + "context": "Visio is still in early development — your input matters!", "cta": "Share your feedback" }, "forbidden": { diff --git a/src/frontend/src/locales/en/home.json b/src/frontend/src/locales/en/home.json index 40841203..7c807818 100644 --- a/src/frontend/src/locales/en/home.json +++ b/src/frontend/src/locales/en/home.json @@ -44,7 +44,7 @@ }, "slide2": { "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" }, "slide3": { diff --git a/src/frontend/src/locales/fr/home.json b/src/frontend/src/locales/fr/home.json index 875bd7f0..cc2330c4 100644 --- a/src/frontend/src/locales/fr/home.json +++ b/src/frontend/src/locales/fr/home.json @@ -44,7 +44,7 @@ }, "slide2": { "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" }, "slide3": {