diff --git a/src/components/Search/OcResourceSearchSimple/OcResourceSearchSimple.vue b/src/components/Search/OcResourceSearchSimple/OcResourceSearchSimple.vue index a4f8c0efec0b673d32ecdcdeaddfe179d3fc5e2e..f6715f2559bc9343e1437659c3d8034fc6cabea9 100644 --- a/src/components/Search/OcResourceSearchSimple/OcResourceSearchSimple.vue +++ b/src/components/Search/OcResourceSearchSimple/OcResourceSearchSimple.vue @@ -1,20 +1,26 @@ <template> <InputGroup class="w-full mt-8 mb-4"> - <InputGroupAddon class="px-4"> - <i - class="fa-solid fa-magnifying-glass fa- cursor-pointer hover:text-primary" - @click="emit('submit')" - /> - </InputGroupAddon> - <InputText - id="search" - v-model="model.q" - fluid - size="large" - :placeholder="t('community.homepage.searchBarPlaceholder')" - v-on:keyup.enter="emit('submit')" - :disabled="props.loading" + <InputGroupAddon class="px-4"> + <i + class="fa-solid fa-magnifying-glass fa- cursor-pointer hover:text-primary" + @click="emit('submit')" /> + </InputGroupAddon> + <InputText + id="search" + v-model="model.q" + fluid + size="large" + :placeholder="t('community.homepage.searchBarPlaceholder')" + v-on:keyup.enter="emit('submit')" + :disabled="props.loading" + /> + <InputGroupAddon + class="px-4 cursor-pointer hover:text-black" + @click="model = {params:{}}" + > + <i class="fa-solid fa-xmark"/> + </InputGroupAddon> <InputGroupAddon v-if="searchPop" class="inline-flex gap-2 text-gray-500 hover:text-gray-800 px-4"