Add new filter bar slot for Section component which teleports on mobile

2025-10-15 20:33:37 +02:00
parent dc72df1dbd
commit bdcb5c502c
3 changed files with 34 additions and 5 deletions
@@ -230,9 +230,11 @@ onMounted(async () => {
      <template #header-title-extra>
        <span style="font-weight: normal; font-size: 14px">({{ busy ? '-' : filteredUsers.length }})</span>
      </template>
-      <template #header-buttons>
-        <TextInput v-model="search" placeholder="Search ..." />
+      <template #filter-bar>
+        <TextInput v-model="search" placeholder="Search ..." style="flex-grow: 1"/>
        <SingleSelect :options="filterOptions" option-key="id" option-label="name" v-model="filter" />
+      </template>
+      <template #header-buttons>
        <Button @click="onEditOrAddUser()">{{ $t('main.action.add') }}</Button>
      </template>