From e7354c74e476a8a4a839c767504de4f168c0dbb6 Mon Sep 17 00:00:00 2001
From: Maxime Lalo <maxime.lalo.pro@gmail.com>
Date: Mon, 17 Apr 2023 17:18:16 +0200
Subject: [PATCH] :sparkles: Responsive almost done

---
 .../Form/Elements/InputField/classes.module.scss          | 5 ++---
 .../DefaultDoubleSidePage/classes.module.scss             | 4 +++-
 .../Layouts/Folder/CreateFolder/classes.module.scss       | 8 +++++++-
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/front/Components/DesignSystem/Form/Elements/InputField/classes.module.scss b/src/front/Components/DesignSystem/Form/Elements/InputField/classes.module.scss
index dc8f366a..7b70c608 100644
--- a/src/front/Components/DesignSystem/Form/Elements/InputField/classes.module.scss
+++ b/src/front/Components/DesignSystem/Form/Elements/InputField/classes.module.scss
@@ -21,7 +21,7 @@
 		align-items: center;
 		padding: 24px;
 		gap: 10px;
-		width: 530px;
+		width: 100%;
 		height: 70px;
 		border: 1px solid $grey-medium;
 
@@ -98,7 +98,7 @@
 	padding: 24px;
 	gap: 10px;
 
-	width: 530px;
+	width: 100%;
 	height: 70px;
 	border: 1px solid $grey-medium;
 
@@ -111,7 +111,6 @@
 		position: absolute;
 		background: $white;
 		transform: translateY(35px);
-		transition: transform 0.3s ease-in-out;
 	}
 
 	&:focus {
diff --git a/src/front/Components/LayoutTemplates/DefaultDoubleSidePage/classes.module.scss b/src/front/Components/LayoutTemplates/DefaultDoubleSidePage/classes.module.scss
index 7388ab8c..76ecc3ff 100644
--- a/src/front/Components/LayoutTemplates/DefaultDoubleSidePage/classes.module.scss
+++ b/src/front/Components/LayoutTemplates/DefaultDoubleSidePage/classes.module.scss
@@ -15,7 +15,9 @@
 		}
 		.sides {
 			width: 50%;
-
+			@media (max-width: $screen-m) {
+				width: 100%;
+			}
 			&.image-container {
 				display: flex;
 				align-items: center;
diff --git a/src/front/Components/Layouts/Folder/CreateFolder/classes.module.scss b/src/front/Components/Layouts/Folder/CreateFolder/classes.module.scss
index e3450ab9..ddfaeb8f 100644
--- a/src/front/Components/Layouts/Folder/CreateFolder/classes.module.scss
+++ b/src/front/Components/Layouts/Folder/CreateFolder/classes.module.scss
@@ -1,6 +1,12 @@
+@import "@Themes/constants.scss";
+
 .root {
-	margin: 64px 0 0 64px;
+	padding: 64px 0 0 64px;
 	width: 530px;
+	@media (max-width: $screen-m) {
+		width: 100%;
+		padding: 64px 16px 0 16px;
+	}
 	.title {
 		margin-top: 24px;
 	}