From 217c2235779555cec992ccfe42fe5bc923cd3ee1 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 15 Feb 2024 18:51:58 +0100
Subject: [PATCH] handling page styles

---
 src/assets/css/pages/Profile.scss | 38 +++++++++++++++++++++++++++++--
 1 file changed, 36 insertions(+), 2 deletions(-)

diff --git a/src/assets/css/pages/Profile.scss b/src/assets/css/pages/Profile.scss
index 23aabe2..977a22f 100644
--- a/src/assets/css/pages/Profile.scss
+++ b/src/assets/css/pages/Profile.scss
@@ -1,6 +1,40 @@
 .page-container--profile {
+	.profile-select {
+		@apply grid sm:grid-cols-2 md:grid-cols-4 list-none gap-2;
+		&__profile-type {
+			@apply flex flex-col justify-center items-center py-10 px-3  rounded-lg cursor-pointer gap-2;
+			transition: all 0.3s ease-in-out;
+			&:hover,
+			&--selected {
+				@apply bg-slate-100;
+				transform: scale(1.05) rotate(1deg);
+			}
+			&:hover:nth-child(even),
+			&--selected:nth-child(even) {
+				transform: scale(1.05) rotate(-1deg);
+			}
+			&[is-current="true"] {
+				@apply bg-slate-100;
+				transform: scale(1.1) rotate(-1deg);
+			}
+			&[is-current="true"]:nth-child(even) {
+				transform: scale(1.1) rotate(1deg);
+			}
+			img {
+				@apply w-auto h-32;
+				pointer-events: none;
+			}
+		}
+		.titling-construction {
+			@apply mt-4 text-2xl;
+		}
+		// &__profile-type:hover,
+		// &__profile-type--selected {
+		// 	@apply bg-neutral-100;
+		// }
+	}
 	.cta--next {
-		@apply mx-auto;
-		transform: translateY(50%);
+		@apply mx-auto mb-8;
+		// transform: translateY(50%);
 	}
 }