From b073c812059e724d2a7a5f137d9e3f71abc987c9 Mon Sep 17 00:00:00 2001
From: Yoan VALLET <ext.sopra.yvallet@grandlyon.com>
Date: Wed, 27 May 2020 19:28:10 +0200
Subject: [PATCH] feat: adjust nwh modale style
---
.../NegaWattModal/NegaWattModal.tsx | 30 +++++++++++--------
src/styles/base/_typography.scss | 7 +++++
src/styles/components/_ecogesture.scss | 6 ++++
3 files changed, 31 insertions(+), 12 deletions(-)
diff --git a/src/components/ContentComponents/NegaWattModal/NegaWattModal.tsx b/src/components/ContentComponents/NegaWattModal/NegaWattModal.tsx
index 251858730..4feb4141d 100644
--- a/src/components/ContentComponents/NegaWattModal/NegaWattModal.tsx
+++ b/src/components/ContentComponents/NegaWattModal/NegaWattModal.tsx
@@ -21,18 +21,24 @@ const NegaWattModal: React.FC<NegaWattModalProps> = ({
{t('NEGAWATT.TITLE_NEGAWATT')}
</div>
<div className="em-content-box">
- <div className="em-title text-24-bold ">
- Que sont les néga Watt heure ?
- </div>
- <div className="em-description text-16">
- {t('NEGAWATT.ANSWER.BASE')}
- <br />
- <br />
- {t('NEGAWATT.ANSWER.STRONG')}
- <br />
- {t('NEGAWATT.ANSWER.MEDIUM')}
- <br />
- {t('NEGAWATT.ANSWER.WEAK')}
+ <div className="em-content-box-text">
+ <div className="em-title text-19-bold ">
+ Que sont les néga Watt heure ?
+ </div>
+ <div className="em-description-2 text-16">
+ {t('NEGAWATT.ANSWER.BASE')}
+ </div>
+ <div className="em-description-2 text-16">
+ <div className="em-description-3">
+ {t('NEGAWATT.ANSWER.STRONG')}
+ </div>
+ <div className="em-description-3">
+ {t('NEGAWATT.ANSWER.MEDIUM')}
+ </div>
+ <div className="em-description-3">
+ {t('NEGAWATT.ANSWER.WEAK')}
+ </div>
+ </div>
</div>
</div>
</Modal>
diff --git a/src/styles/base/_typography.scss b/src/styles/base/_typography.scss
index f07f4bda5..a65a2f753 100644
--- a/src/styles/base/_typography.scss
+++ b/src/styles/base/_typography.scss
@@ -107,6 +107,13 @@ p {
font-size: 1.125rem;
line-height: 120%;
}
+.text-19-bold {
+ font-family: $text-font;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 1.188rem;
+ line-height: 120%;
+}
.text-20-bold {
font-family: $text-font;
font-style: normal;
diff --git a/src/styles/components/_ecogesture.scss b/src/styles/components/_ecogesture.scss
index 097270835..3d1ca1f26 100644
--- a/src/styles/components/_ecogesture.scss
+++ b/src/styles/components/_ecogesture.scss
@@ -164,5 +164,11 @@
.em-description {
padding-bottom: 2.5rem;
}
+ .em-description-2 {
+ padding-top: 2rem;
+ }
+ .em-description-3 {
+ padding-bottom: 0.5rem;
+ }
}
}
--
GitLab