From 185cc60f2e0e9b114d4aab36ff81efdc7681cc2d Mon Sep 17 00:00:00 2001
From: Aliaksandr BUDZKO <abudzko@takima.fr>
Date: Thu, 15 Jul 2021 10:58:25 +0200
Subject: [PATCH] fix: desktop version correctiveness
---
src/js/sections/BottomSection/BottomSection.js | 2 +-
.../BottomSection/BottomSection.module.scss | 15 ++++-----------
.../TowerSection/TowerSection.module.scss | 7 +++----
3 files changed, 8 insertions(+), 16 deletions(-)
diff --git a/src/js/sections/BottomSection/BottomSection.js b/src/js/sections/BottomSection/BottomSection.js
index 6333be3..e4e8838 100644
--- a/src/js/sections/BottomSection/BottomSection.js
+++ b/src/js/sections/BottomSection/BottomSection.js
@@ -18,7 +18,7 @@ const BottomSection = ({innerRef, contactRef}) => {
<div className={styles.Caption}>
<div className={styles.Comments}>
<p className={styles.FirstComment}>
- Comment garder la proximité des TPs sur site lorsque vos étudiants sont confinés.
+ "Comment garder la proximité des TPs sur site lorsque vos étudiants sont confinés."
</p>
<p className={styles.SecondComment}>
Retour d'expérience sur l'outillage et notamment Deadlock pour des séances de tp@home en période de confinement.
diff --git a/src/js/sections/BottomSection/BottomSection.module.scss b/src/js/sections/BottomSection/BottomSection.module.scss
index d9c12f5..6eb10de 100644
--- a/src/js/sections/BottomSection/BottomSection.module.scss
+++ b/src/js/sections/BottomSection/BottomSection.module.scss
@@ -5,9 +5,9 @@
.BottomSection {
background-image: url('#{$assetPath}/curves/courbe_4.png'), url('#{$assetPath}/props/bateau.svg'), url('#{$assetPath}/props/algue.svg');
background-repeat: no-repeat;
- background-position: bottom, 106% 42%, -5% 60%;
+ background-position: bottom, 107% 42%, -5% 55%;
background-size: 100% 50%, 35% 35%, 40% 40%;
- min-height: 180vh;
+ min-height: 140vh;
display: flex;
flex-direction: column;
@@ -43,15 +43,8 @@
flex-basis: 80%;
padding-right: 5%;
- .FirstComment {
- font-size: 1.2vw;
- line-height: 1.6vw;
- }
-
- .SecondComment {
- font-size: 0.8vw;
- line-height: 1.2vw;
- }
+ font-size: 0.8vw;
+ line-height: 1.2vw;
}
diff --git a/src/js/sections/TowerSection/TowerSection.module.scss b/src/js/sections/TowerSection/TowerSection.module.scss
index 85f7588..9ad8161 100644
--- a/src/js/sections/TowerSection/TowerSection.module.scss
+++ b/src/js/sections/TowerSection/TowerSection.module.scss
@@ -17,9 +17,9 @@
font-family: $primary_font;
.LeftSide {
- flex-basis: 40%;
+ flex-basis: 30%;
.TowerImage {
- max-width: 70vw;
+ max-width: 60vw;
max-height: 70vh;
}
}
@@ -27,9 +27,8 @@
.RightSide {
vertical-align: middle;
- flex-basis: 40%;
+ flex-basis: 30%;
text-align: left;
- max-width: 60%;
.Title {
--
GitLab