From b4dcef6fd9f5109ec14d2f26a51ea61582585e92 Mon Sep 17 00:00:00 2001
From: Nonimart <martinon.toinou@protonmail.com>
Date: Tue, 30 Sep 2025 17:27:56 +0200
Subject: [PATCH] STYLE refining search field aspect

---
 resources/css/components/post-grid.css             | 14 +++++++++++++-
 .../img/icons/carhop-rechercher-green-circle.svg   | 12 ++++++++++++
 resources/img/icons/carhop-rechercher-green.svg    | 11 +++++++++++
 3 files changed, 36 insertions(+), 1 deletion(-)
 create mode 100644 resources/img/icons/carhop-rechercher-green-circle.svg
 create mode 100644 resources/img/icons/carhop-rechercher-green.svg

diff --git a/resources/css/components/post-grid.css b/resources/css/components/post-grid.css
index f6d23e1..1bee5c7 100644
--- a/resources/css/components/post-grid.css
+++ b/resources/css/components/post-grid.css
@@ -15,7 +15,19 @@
     }
 
     .search-bar {
-      @apply md:justify-self-end text-primary;
+      @apply md:justify-self-end text-primary relative;
+      &:after {
+        @apply absolute  top-1/2 -translate-y-1/2;
+        content: '';
+        right: 10px;
+        display: flex;
+        width: 30px;
+        height: 30px;
+        background-image: url('../resources/img/icons/carhop-rechercher-green-circle.svg');
+        background-repeat: no-repeat;
+        background-position: center center;
+        background-size: contain;
+      }
       input {
         @apply w-full md:w-auto py-2 px-4 border border-primary rounded-full;
         padding-right: 33px;
diff --git a/resources/img/icons/carhop-rechercher-green-circle.svg b/resources/img/icons/carhop-rechercher-green-circle.svg
new file mode 100644
index 0000000..9f01070
--- /dev/null
+++ b/resources/img/icons/carhop-rechercher-green-circle.svg
@@ -0,0 +1,12 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_420_14310)">
+<path d="M22.2969 22.9976L26.6451 27.3529" stroke="#136F63" stroke-width="2"/>
+<path d="M17.1329 25.1788C21.2341 25.1788 24.5588 21.7151 24.5588 17.4423C24.5588 13.1696 21.2341 9.70587 17.1329 9.70587C13.0317 9.70587 9.70703 13.1696 9.70703 17.4423C9.70703 21.7151 13.0317 25.1788 17.1329 25.1788Z" stroke="#136F63" stroke-width="2" stroke-miterlimit="10"/>
+</g>
+<circle cx="18" cy="18" r="17" stroke="#136F63" stroke-width="2"/>
+<defs>
+<clipPath id="clip0_420_14310">
+<rect width="18.1482" height="18.8541" fill="white" transform="translate(9 9)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/resources/img/icons/carhop-rechercher-green.svg b/resources/img/icons/carhop-rechercher-green.svg
new file mode 100644
index 0000000..a4ad0d0
--- /dev/null
+++ b/resources/img/icons/carhop-rechercher-green.svg
@@ -0,0 +1,11 @@
+<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_420_14311)">
+<path d="M13.2969 13.9976L17.6451 18.3529" stroke="#136F63" stroke-width="2"/>
+<path d="M8.13291 16.1788C12.2341 16.1788 15.5588 12.7151 15.5588 8.44234C15.5588 4.16961 12.2341 0.705872 8.13291 0.705872C4.03171 0.705872 0.707031 4.16961 0.707031 8.44234C0.707031 12.7151 4.03171 16.1788 8.13291 16.1788Z" stroke="#136F63" stroke-width="2" stroke-miterlimit="10"/>
+</g>
+<defs>
+<clipPath id="clip0_420_14311">
+<rect width="18.1482" height="18.8541" fill="white"/>
+</clipPath>
+</defs>
+</svg>