From 009e7cfa6e832c4580801214c01d52727da910b6 Mon Sep 17 00:00:00 2001 From: Maxime Lalo Date: Tue, 18 Apr 2023 11:51:04 +0200 Subject: [PATCH] :sparkles: Fixing responsive --- .../DefaultDoubleSidePage/classes.module.scss | 1 + .../Layouts/Folder/CreateFolder/classes.module.scss | 12 ++++++++++-- 2 files changed, 11 insertions(+), 2 deletions(-) diff --git a/src/front/Components/LayoutTemplates/DefaultDoubleSidePage/classes.module.scss b/src/front/Components/LayoutTemplates/DefaultDoubleSidePage/classes.module.scss index 1d49462d..39f28879 100644 --- a/src/front/Components/LayoutTemplates/DefaultDoubleSidePage/classes.module.scss +++ b/src/front/Components/LayoutTemplates/DefaultDoubleSidePage/classes.module.scss @@ -28,6 +28,7 @@ background: var(--grey-soft); .image { width: 100%; + height: 100%; object-fit: contain; } } diff --git a/src/front/Components/Layouts/Folder/CreateFolder/classes.module.scss b/src/front/Components/Layouts/Folder/CreateFolder/classes.module.scss index 8abdd7e3..a0b066e5 100644 --- a/src/front/Components/Layouts/Folder/CreateFolder/classes.module.scss +++ b/src/front/Components/Layouts/Folder/CreateFolder/classes.module.scss @@ -3,10 +3,18 @@ .root { margin: 64px; width: 530px; - @media (max-width: $screen-m) { + + @media (max-width: $screen-l) { width: 100%; - margin: 64px 16px 0 16px; + margin: 0; + margin-top: 64px; + padding: 0 32px 0 32px; } + + @media (max-width: $screen-m) { + padding: 0 16px 0 16px; + } + .title { margin-top: 24px; }