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 @@ + + + + + + + + + + + + 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 @@ + + + + + + + + + + +