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
@@ -141,8 +141,10 @@ onMounted(async () => {
      <template #header-title-extra>
        <span style="font-weight: normal; font-size: 14px">({{ busy ? '-' : filteredDomains.length }})</span>
      </template>
+      <template #filter-bar>
+        <TextInput v-model="search" :placeholder="$t('main.searchPlaceholder')" style="flex-grow: 1;"/>
+      </template>
      <template #header-buttons>
-        <TextInput v-model="search" :placeholder="$t('main.searchPlaceholder')"/>
        <Button @click="onAdd()">{{ $t('main.action.add') }}</Button>
      </template>