From a1721df550cf57dcc54fdc27e1178ed2cca06f9f Mon Sep 17 00:00:00 2001
From: Fabien Basmaison <144820795+fbasmaison-lucca@users.noreply.github.com>
Date: Fri, 12 Apr 2024 17:35:20 +0200
Subject: [PATCH] [EmptyState] Tweaks for narrow views (#2725)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* [Empty State] Reduce title size on small resolutions:

* Also address buttons based on the mockups provided.
* Closes #2520.

* apply only on page

---------

Co-authored-by: Jérémie Biron <jbiron@luccasoftware.com>
---
 packages/scss/src/components/emptyState/mods.scss | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/packages/scss/src/components/emptyState/mods.scss b/packages/scss/src/components/emptyState/mods.scss
index d6b11f8713..a39183f6fa 100644
--- a/packages/scss/src/components/emptyState/mods.scss
+++ b/packages/scss/src/components/emptyState/mods.scss
@@ -1,4 +1,5 @@
 @use '@lucca-front/scss/src/commons/utils/media';
+@use '@lucca-front/scss/src/components/title/exports' as title;
 
 @mixin page {
 	background-image: var(--components-emptyState-illustration-foreground-bottom-left),
@@ -18,6 +19,20 @@
 		background-color: var(--components-emptyState-background-color);
 		box-shadow: 0 0 8px 4px var(--components-emptyState-background-color);
 	}
+
+	.emptyState-content-heading {
+		@include media.max('XXS') {
+			@include title.h2;
+		}
+	}
+
+	.emptyState-actions {
+		.button {
+			@include media.max('XXS') {
+				flex-basis: 100%;
+			}
+		}
+	}
 }
 
 @mixin center {