From 782ca17d4504933ceab203ad43a160e20709a6eb Mon Sep 17 00:00:00 2001
From: Bastien Dumont <bdumont@grandlyon.com>
Date: Fri, 20 Oct 2023 14:44:41 +0200
Subject: [PATCH] chore(challenge): use gap
---
.../Challenge/ChallengeCardDone/ChallengeCardDone.tsx | 4 ++--
.../Challenge/ChallengeCardDone/challengeCardDone.scss | 4 +++-
2 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.tsx b/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.tsx
index ecd61187a..ec66ecbaa 100644
--- a/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.tsx
+++ b/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.tsx
@@ -93,8 +93,8 @@ const ChallengeCardDone = ({
<div className="statsResult">
<div
className={classNames('labelResult', {
- ['win']: userChallenge.success === UserChallengeSuccess.WIN,
- ['lost']: userChallenge.success === UserChallengeSuccess.LOST,
+ win: userChallenge.success === UserChallengeSuccess.WIN,
+ lost: userChallenge.success === UserChallengeSuccess.LOST,
})}
>
{getResultLabel(userChallenge)}
diff --git a/src/components/Challenge/ChallengeCardDone/challengeCardDone.scss b/src/components/Challenge/ChallengeCardDone/challengeCardDone.scss
index ec6af5ef4..2dee0dd35 100644
--- a/src/components/Challenge/ChallengeCardDone/challengeCardDone.scss
+++ b/src/components/Challenge/ChallengeCardDone/challengeCardDone.scss
@@ -30,7 +30,6 @@
font-size: 28px;
line-height: 120%;
text-transform: uppercase;
- margin-bottom: 0.5rem;
}
.win {
color: $gold-shadow;
@@ -40,6 +39,9 @@
}
.statsResult {
text-align: center;
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem;
}
.buttons {
--
GitLab