FEATURE adding icon to sin gle search field

resources/css/pages/search-results.css

@@ -38,6 +38,7 @@
     @apply transition-shadow hover:shadow-lg;
 
     &__title {
+      @apply text-xl !mb-2;
       line-height: 1.2;
     }
 
@@ -61,6 +62,10 @@
       @apply hover:underline;
     }
 
+    &__parution-date {
+      @apply block text-lg font-normal text-primary !mb-4;
+    }
+
     .search-highlight {
       @apply text-primary bg-carhop-green-50 font-bold;
     }

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 border border-primary text-primary w-full;
-        @apply w-full p-4;
+        @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>

search.php

@@ -56,6 +56,9 @@
 							?>
 						</a>
 					</h2>
+					<date class="search-results-card__parution-date">
+						<?php echo get_the_date('F Y'); ?>
+					</date>
 					<div class="search-results-page__search-snippet">
 						<?php echo get_search_snippet(get_the_ID(), get_search_query()); ?>
 					</div>

single-revues.php

@@ -22,11 +22,10 @@ $articles = get_field('articles', $current_issue->ID);
 			<div class="content-wrapper" data-active-tab="table-of-contents">
 				<div class="sidebar">
 					<div class="search-field">
-						<input type="text" placeholder="Rechercher">
+						<input type="text" placeholder="Rechercher dans la revue">
 					</div>
 					<?php
 					$tags = get_revue_terms($current_issue->ID, 'etiquettes');
-
 					?>
 					<?php if ($tags) : ?>
 						<div class="tags">