From 3d72d00c5788eed638f91ec81ca963edde0c26e5 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 5 Feb 2025 17:16:54 +0100
Subject: [PATCH] refining component style

---
 resources/css/blocks/chapter-section.css         | 12 ++++++------
 resources/css/blocks/gallery-website-screens.css |  6 ++++++
 resources/css/blocks/portfolio-header.css        |  8 ++++----
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/resources/css/blocks/chapter-section.css b/resources/css/blocks/chapter-section.css
index af78323..8da1b9e 100644
--- a/resources/css/blocks/chapter-section.css
+++ b/resources/css/blocks/chapter-section.css
@@ -1,26 +1,26 @@
 .chapter-section {
-	@apply flex items-center justify-center  2xl:gap-12 !my-0;
+	@apply flex items-center justify-center  2xl:gap-12 !my-0 px-12;
 	/* min-height: 80vh; */
 	@apply xl:pt-32;
 
 	@apply mx-auto;
 
-	& + *:not(.simple-screen) {
+	/* & + *:not(.simple-screen) {
 		@apply xl:mt-32;
-	}
+	} */
 	&--right {
 		@apply flex-row-reverse;
 	}
 	&__content {
 		flex-shrink: 0;
+		@apply max-w-lg;
 		p {
-			@apply text-neutral-600;
+			@apply text-neutral-600 max-w-sm;
 		}
 	}
 	&__innerblocks {
-		@apply max-w-xl;
+		/* @apply max-w-xl; */
 		p {
-			@apply max-w-md;
 		}
 	}
 	&__cover {
diff --git a/resources/css/blocks/gallery-website-screens.css b/resources/css/blocks/gallery-website-screens.css
index 467e572..1e86ab3 100644
--- a/resources/css/blocks/gallery-website-screens.css
+++ b/resources/css/blocks/gallery-website-screens.css
@@ -9,6 +9,12 @@
 		&.is-flex {
 			@apply flex flex-nowrap;
 		}
+		&.is-mobile-capture {
+			@apply gap-24;
+			img {
+				@apply rounded-3xl max-w-60;
+			}
+		}
 
 		max-width: 1800px;
 	}
diff --git a/resources/css/blocks/portfolio-header.css b/resources/css/blocks/portfolio-header.css
index 6cdbeba..81f4c51 100644
--- a/resources/css/blocks/portfolio-header.css
+++ b/resources/css/blocks/portfolio-header.css
@@ -6,7 +6,7 @@
 	dispay: block;
 
 	&__cover {
-		@apply absolute inset-0 bg-red-400 w-full !h-full object-cover;
+		@apply absolute inset-0 w-full !h-full object-cover;
 		z-index: -1;
 	}
 
@@ -19,7 +19,7 @@
 	}
 
 	&__heading-infos {
-		@apply flex items-center justify-between text-white;
+		@apply flex items-center justify-between;
 		@apply text-xs;
 		.project-type {
 			@apply my-0 leading-relaxed;
@@ -27,10 +27,10 @@
 	}
 
 	.client-logo {
-		@apply w-72 h-auto object-contain object-center mx-auto block my-12;
+		@apply w-72 h-auto object-contain object-center mx-auto block my-12 relative;
 	}
 
 	&__innerblocks {
-		@apply mx-auto max-w-lg text-white p-8 rounded-lg text-center text-sm;
+		@apply mx-auto max-w-lg  p-8 rounded-lg text-center text-sm;
 	}
 }