fix: 🐛 Corrige le décalage de la searchbar et le placement de l'icone

Author: DaBadBunny

src/components/DsfrHeader/DsfrHeader.vue

@@ -112,10 +112,11 @@ export default defineComponent({
                 <slot name="operator" />
               </div>
               <div
-                v-if="showSearch || (quickLinks && quickLinks.length)"
+                v-if="showSearch || quickLinks?.length"
                 class="fr-header__navbar"
               >
                 <button
+                  v-if="showSearch"
                   class="fr-btn"
                   aria-controls="header-search"
                   aria-label="Recherche"
@@ -128,6 +129,7 @@ export default defineComponent({
                   />
                 </button>
                 <button
+                  v-if="quickLinks?.length"
                   id="button-menu"
                   class="fr-btn--menu  fr-btn"
                   :data-fr-opened="showMenu"

src/components/DsfrHeader/DsfrHeaderMenuLink.vue

@@ -92,7 +92,6 @@ export default defineComponent({
 </template>
 
 <style scoped>
-
 .icon-left {
   margin-right: 0.5rem
 }
@@ -105,7 +104,7 @@ export default defineComponent({
   align-items: center;
 }
 
-.reverse {
+.fr-header .fr-links-group .reverse {
   flex-direction: row-reverse;
 }
 </style>

src/components/DsfrInput/DsfrInput.vue

@@ -29,6 +29,7 @@ export default defineComponent({
       type: String,
       default: '',
     },
+    isWithWrapper: Boolean,
     labelVisible: Boolean,
     modelValue: {
       type: String,
@@ -62,8 +63,13 @@ export default defineComponent({
     >{{ hint }}</span>
   </label>
   <div
-    class="fr-input-wrap"
-    :class="[wrapperClass, { 'fr-fi-calendar-line': $attrs.type === 'date' }]"
+    :class="[
+      {
+        'fr-input-wrap': isWithWrapper || $attrs.type === 'date',
+        'fr-fi-calendar-line': $attrs.type === 'date',
+      },
+      wrapperClass,
+    ]"
   >
     <component
       :is="isComponent"