diff --git a/src/components/Challenge/ChallengeCard/ChallengeCard.tsx b/src/components/Challenge/ChallengeCard/ChallengeCard.tsx index b8a5e91037a7e06959a4e983fbefdef8cae288ca..52248f325d94af0b9ab758de41b3a59d4c7426da 100644 --- a/src/components/Challenge/ChallengeCard/ChallengeCard.tsx +++ b/src/components/Challenge/ChallengeCard/ChallengeCard.tsx @@ -42,13 +42,14 @@ const ChallengeCard = ({ } return ( + // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions <div onClick={() => moveToSlide(index)} className={indexSlider === index ? 'slide active' : 'slide inactive'} style={{ minWidth: `${cardWidth}px`, maxWidth: `${cardWidth}px`, - height: `${cardHeight}px`, + minHeight: `${cardHeight}px`, }} > {renderCard(userChallenge)} diff --git a/src/components/Challenge/ChallengeCard/__snapshots__/ChallengeCard.spec.tsx.snap b/src/components/Challenge/ChallengeCard/__snapshots__/ChallengeCard.spec.tsx.snap index 457e831873e25c8b68b34837237b03bc42e06aca..f0c8b96afed6824c2a8027eb3f14d2aaae024c8c 100644 --- a/src/components/Challenge/ChallengeCard/__snapshots__/ChallengeCard.spec.tsx.snap +++ b/src/components/Challenge/ChallengeCard/__snapshots__/ChallengeCard.spec.tsx.snap @@ -4,7 +4,7 @@ exports[`ChallengeCard component should be rendered correctly 1`] = ` <div> <div class="slide active" - style="min-width: 200px; max-width: 200px; height: 400px;" + style="min-width: 200px; max-width: 200px; min-height: 400px;" > <div class="cardContent cardDone" diff --git a/src/components/Challenge/ChallengeCard/challengeCard.scss b/src/components/Challenge/ChallengeCard/challengeCard.scss index ac7c9ebca6f8563570e67e724fe3529ca81ba5e3..c9133b2d6c18afc284af86c5a472776b9e15fc6b 100644 --- a/src/components/Challenge/ChallengeCard/challengeCard.scss +++ b/src/components/Challenge/ChallengeCard/challengeCard.scss @@ -23,5 +23,6 @@ padding: 1rem; transition: all 300ms ease; border-radius: 4px; + flex: 1; } }