Antoine/carhop__dynamiques-theme__PROD-DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

STYLE refining search field aspect
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Nonimart 2025-09-30 17:27:56 +02:00
parent 0e66a5c52d
commit b4dcef6fd9
3 changed files with 36 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
resources/css/components/post-grid.css
View File

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

12
resources/img/icons/carhop-rechercher-green-circle.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 711 B

11
resources/img/icons/carhop-rechercher-green.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 623 B