From d094d52647e7c4644273b5776eb12ea4710c7db3 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Mon, 2 Dec 2024 12:31:15 +0100
Subject: [PATCH] refining sidebar & no-content

---
 resources/css/pages/repertoire-metiers.css | 45 +++++++++++++++++++---
 1 file changed, 40 insertions(+), 5 deletions(-)

diff --git a/resources/css/pages/repertoire-metiers.css b/resources/css/pages/repertoire-metiers.css
index 2768363..216b6da 100644
--- a/resources/css/pages/repertoire-metiers.css
+++ b/resources/css/pages/repertoire-metiers.css
@@ -1,19 +1,31 @@
 .artisans-posts {
-  @apply flex gap-4 pt-8;
+  @apply md:flex gap-4 pt-8;
   &__grid {
     @apply flex flex-col lg:grid grid-cols-1 lg:grid-cols-2 gap-6  w-full h-fit;
+
+    .no-results {
+      @apply col-span-2  text-center pt-4;
+
+      h3 {
+        @apply text-patrimoine-sante-securite;
+      }
+      p {
+        @apply text-neutral-900 tracking-wide;
+      }
+    }
   }
   .card-artisans {
     /* @apply h-fit; */
   }
 }
-
+/* .sidebar-container {
+  @apply pb-12;
+} */
 .metier-patrimoine-searchbar {
-  @apply w-80 lg:w-80 shrink-0;
+  @apply w-80 lg:w-80 shrink-0 h-fit  sticky top-0;
   h4 {
     @apply my-0;
   }
-
   .checkbox-choice {
     @apply pl-0 pt-1;
     @apply flex flex-wrap;
@@ -76,7 +88,7 @@
       @apply block text-neutral-400 uppercase !text-base tracking-wider mb-4;
     }
     .search-radio-card {
-      @apply bg-white  rounded-lg p-4  shadowed flex justify-between;
+      @apply bg-white  rounded-lg p-4  shadowed flex justify-between cursor-pointer;
       label {
         @apply font-bold;
       }
@@ -130,6 +142,10 @@
       @apply block;
       /* @apply opacity-40; */
     }
+
+    .search-radio-card--metiers {
+      @apply opacity-60;
+    }
   }
 
   /* HIDE ELEMENTS BATIMENTS FILTERS WHEN SEARCH IS ON METIERS */
@@ -142,5 +158,24 @@
       @apply block;
       /* @apply opacity-40; */
     }
+    .search-radio-card--building-elements {
+      @apply opacity-60;
+    }
+  }
+
+  .card-suggest-artisan {
+    @apply p-3 w-fit gap-3 bg-white shadowed 
+	font-bold rounded-2xl flex items-center justify-center my-5;
+    transition: transform 0.3s;
+
+    &:after {
+      @apply content-[''] w-3 h-3 block bg-no-repeat bg-center bg-contain mt-1 mr-3;
+      background-image: url('../resources/img/pictogrammes/Homegrade_back_icon.svg');
+      rotate: 180deg;
+    }
+
+    &:hover {
+      @apply translate-x-2;
+    }
   }
 }