FEATURE adding icon to sin gle search field

resources/css/pages/singles.css

@@ -70,9 +70,22 @@
       }
     }
     .search-field {
+      @apply relative;
+      &:after {
+        content: ' ';
+        @apply block w-8 h-8;
+        @apply absolute top-1/2 right-0 -translate-y-1/2;
+        @apply mr-2;
+        @apply bg-contain;
+        background-image: url('../resources/img/icons/carhop-rechercher-green-circle.svg');
+      }
       input {
-        @apply border border-primary w-full;
-        @apply w-full p-4;
+        @apply border border-primary text-primary w-full;
+        @apply w-full p-4 relative;
+
+        &::placeholder {
+          @apply opacity-90;
+        }
       }
     }
     .tags {

resources/img/elements/carhop-rechercher-green.svg

@@ -0,0 +1,11 @@
+<svg width="26" height="27" viewBox="0 0 26 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6_658)">
+<path d="M18.8401 19.83L25.0001 26" stroke="#136F63" stroke-width="2"/>
+<path d="M11.52 22.92C17.33 22.92 22.04 18.013 22.04 11.96C22.04 5.90696 17.33 1 11.52 1C5.70996 1 1 5.90696 1 11.96C1 18.013 5.70996 22.92 11.52 22.92Z" stroke="#136F63" stroke-width="2" stroke-miterlimit="10"/>
+</g>
+<defs>
+<clipPath id="clip0_6_658">
+<rect width="25.71" height="26.71" fill="white"/>
+</clipPath>
+</defs>
+</svg>