mirror/mobilizon
1
0
Fork 0
mirror of https://framagit.org/framasoft/mobilizon.git synced 2025-03-12 09:32:48 +00:00
Code Issues Releases Wiki Activity

#1680 Improved display of the search bar

Browse source
This commit is contained in:
Massedil 2025-02-14 13:21:14 +01:00
parent c808708911
commit c154ff9ba8
1 changed files with 15 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/components/Home/ShortSearch.vue
View file

@ -1,27 +1,28 @@
<template>
<form
id="short-search"
class="container mx-auto my-3 px-2 flex flex-wrap flex-col sm:flex-row items-stretch gap-2 text-center justify-center dark:text-slate-100"
class="container mx-auto p-2 flex flex-wrap flex-col sm:flex-row items-stretch gap-2 justify-center dark:text-slate-100"
role="search"
@submit.prevent="submit"
>
<label class="sr-only" for="short_search_field_input">{{
t("Keyword, event title, group name, etc.")
}}</label>
<o-input
v-model="search"
:placeholder="t('Keyword, event title, group name, etc.')"
class="max-w-md"
id="short_search_field_input"
autofocus
autocapitalize="off"
autocomplete="off"
autocorrect="off"
maxlength="1024"
expanded
/>
<div class="flex-auto sm:max-w-xl">
<o-input
v-model="search"
:placeholder="t('Keyword, event title, group name, etc.')"
id="short_search_field_input"
autofocus
autocapitalize="off"
autocomplete="off"
autocorrect="off"
maxlength="1024"
expanded
/>
</div>
<o-button
class="search-Event min-w-40 mr-1 mb-1"
class="search-Event min-w-40 sm:w-auto"
native-type="submit"
icon-left="magnify"
>