From 95df2048dd2b66ae87976c60272e0a633cac0f62 Mon Sep 17 00:00:00 2001
From: Nonimart <martinon.toinou@protonmail.com>
Date: Wed, 15 Oct 2025 15:28:03 +0200
Subject: [PATCH] FEATURE adding icon to sin gle search field

---
 resources/css/pages/singles.css                 | 17 +++++++++++++++--
 .../img/elements/carhop-rechercher-green.svg    | 11 +++++++++++
 2 files changed, 26 insertions(+), 2 deletions(-)
 create mode 100644 resources/img/elements/carhop-rechercher-green.svg

diff --git a/resources/css/pages/singles.css b/resources/css/pages/singles.css
index 5fba29c..c8508ec 100644
--- a/resources/css/pages/singles.css
+++ b/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 {
diff --git a/resources/img/elements/carhop-rechercher-green.svg b/resources/img/elements/carhop-rechercher-green.svg
new file mode 100644
index 0000000..57c081f
--- /dev/null
+++ b/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>