From 7eb60314a2f5f0cc395e5a41eb74d3a0d5381c59 Mon Sep 17 00:00:00 2001 From: Bastien DUMONT <bdumont@grandlyon.com> Date: Wed, 30 Oct 2024 14:34:06 +0100 Subject: [PATCH] chore(ui): adjust ec & last challenge --- .../ChallengeCardLast/challengeCardLast.scss | 3 ++- .../EcogestureSelectionDetail.tsx | 6 +++--- .../EcogestureSelectionDetail.spec.tsx.snap | 12 ++++++------ .../ecogestureSelectionDetail.scss | 5 +++-- 4 files changed, 14 insertions(+), 12 deletions(-) diff --git a/src/components/Challenge/ChallengeCardLast/challengeCardLast.scss b/src/components/Challenge/ChallengeCardLast/challengeCardLast.scss index 9ca4dec3a..9d07ac51a 100644 --- a/src/components/Challenge/ChallengeCardLast/challengeCardLast.scss +++ b/src/components/Challenge/ChallengeCardLast/challengeCardLast.scss @@ -6,7 +6,8 @@ box-sizing: border-box; padding: 1rem; transition: all 300ms ease; - border: 1px solid $grey-bright; + background-color: $grey-1; + border: 1px solid $grey-2; border-radius: 4px; text-align: center; display: flex; diff --git a/src/components/EcogestureSelection/EcogestureSelectionDetail/EcogestureSelectionDetail.tsx b/src/components/EcogestureSelection/EcogestureSelectionDetail/EcogestureSelectionDetail.tsx index 28e01a0c2..9f825b8df 100644 --- a/src/components/EcogestureSelection/EcogestureSelectionDetail/EcogestureSelectionDetail.tsx +++ b/src/components/EcogestureSelection/EcogestureSelectionDetail/EcogestureSelectionDetail.tsx @@ -84,7 +84,7 @@ const EcogestureSelectionDetail = ({ }} onClick={() => validate(true, false)} > - <StyledIcon icon={objectiveIcon} size={60} /> + <StyledIcon icon={objectiveIcon} size={40} /> {t('ecogesture_selection.button_objective')} </Button> <Button @@ -94,7 +94,7 @@ const EcogestureSelectionDetail = ({ }} onClick={() => validate(false, true)} > - <StyledIcon icon={doingIcon} size={60} /> + <StyledIcon icon={doingIcon} size={40} /> {t('ecogesture_selection.button_doing')} </Button> <Button @@ -104,7 +104,7 @@ const EcogestureSelectionDetail = ({ }} onClick={() => validate(false, false)} > - <StyledIcon icon={skipIcon} size={60} /> + <StyledIcon icon={skipIcon} size={40} /> {t('ecogesture_selection.button_skip')} </Button> </div> diff --git a/src/components/EcogestureSelection/EcogestureSelectionDetail/__snapshots__/EcogestureSelectionDetail.spec.tsx.snap b/src/components/EcogestureSelection/EcogestureSelectionDetail/__snapshots__/EcogestureSelectionDetail.spec.tsx.snap index 67ebfc6d7..cf334dc22 100644 --- a/src/components/EcogestureSelection/EcogestureSelectionDetail/__snapshots__/EcogestureSelectionDetail.spec.tsx.snap +++ b/src/components/EcogestureSelection/EcogestureSelectionDetail/__snapshots__/EcogestureSelectionDetail.spec.tsx.snap @@ -140,8 +140,8 @@ exports[`EcogestureSelectionDetail component should be rendered correctly 1`] = <svg aria-hidden="true" class="styles__icon___23x3R" - height="60" - width="60" + height="40" + width="40" > <use xlink:href="#test-file-stub" @@ -164,8 +164,8 @@ exports[`EcogestureSelectionDetail component should be rendered correctly 1`] = <svg aria-hidden="true" class="styles__icon___23x3R" - height="60" - width="60" + height="40" + width="40" > <use xlink:href="#test-file-stub" @@ -188,8 +188,8 @@ exports[`EcogestureSelectionDetail component should be rendered correctly 1`] = <svg aria-hidden="true" class="styles__icon___23x3R" - height="60" - width="60" + height="40" + width="40" > <use xlink:href="#test-file-stub" diff --git a/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss b/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss index 2edc272da..327be3844 100644 --- a/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss +++ b/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss @@ -65,12 +65,13 @@ background-color: $grey-0; button.btnSecondary { - padding: 0.75rem 0.25rem; - height: 7.375rem; + padding: 16px 8px; + height: auto; border-radius: 4px; span { flex-direction: column; + gap: 4px; } &.objective { -- GitLab