danvics/ytptube
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

refactor: update other uselect to use uselectmenu

Browse source
This commit is contained in:
arabcoders 2026-06-08 09:00:56 +03:00
parent 473e45c55b
commit 7a3c41b6bc
3 changed files with 26 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ui/app/components/TaskDefinitionEditor.vue
View file

@ -30,14 +30,16 @@
</div>
</template>
<USelect
<USelectMenu
v-model="selectedExistingValue"
:items="existingDefinitionItems"
placeholder="Select a definition"
value-key="value"
label-key="label"
color="neutral"
class="w-full"
:ui="inputUi"
:ui="{ content: 'min-w-[13rem]', item: 'pl-6' }"
:search-input="{ placeholder: 'Search definitions' }"
:disabled="isBusy"
@update:model-value="importExisting"
/>

24
ui/app/components/YTDLPOptions.vue
View file

@ -17,46 +17,54 @@
</UFormField>
<UFormField label="Group Filter" class="sm:col-span-6 lg:col-span-2" :ui="fieldUi">
<USelect
<USelectMenu
v-model="filters.group"
:items="groupItems"
value-key="value"
label-key="label"
color="neutral"
class="w-full"
:ui="inputUi"
:ui="{ content: 'min-w-[13rem]' }"
:search-input="{ placeholder: 'Search groups' }"
/>
</UFormField>
<UFormField label="Display" class="sm:col-span-6 lg:col-span-2" :ui="fieldUi">
<USelect
<USelectMenu
v-model="displayMode"
:items="displayItems"
value-key="value"
label-key="label"
color="neutral"
class="w-full"
:ui="inputUi"
:ui="{ content: 'min-w-[13rem]' }"
:search-input="false"
/>
</UFormField>
<UFormField label="Sort By" class="sm:col-span-6 lg:col-span-2" :ui="fieldUi">
<USelect
<USelectMenu
v-model="sortBy"
:items="sortItems"
value-key="value"
label-key="label"
color="neutral"
class="w-full"
:ui="inputUi"
:ui="{ content: 'min-w-[13rem]' }"
:search-input="false"
/>
</UFormField>
<UFormField label="Order" class="sm:col-span-6 lg:col-span-2" :ui="fieldUi">
<USelect
<USelectMenu
v-model="sortDir"
:items="orderItems"
value-key="value"
label-key="label"
color="neutral"
class="w-full"
:ui="inputUi"
:ui="{ content: 'min-w-[13rem]' }"
:search-input="false"
/>
</UFormField>

12
ui/app/pages/logs.vue
View file

@ -64,21 +64,21 @@
Wrap
</UButton>
<USelect
<USelectMenu
v-model="selectedLevels"
:items="levelFilterItems"
value-key="value"
label-key="label"
color="neutral"
multiple
size="sm"
icon="i-lucide-list-filter"
class="w-44 shrink-0 sm:w-48"
:ui="{ content: 'min-w-48' }"
:ui="{ content: 'min-w-48', item: 'pl-6' }"
:search-input="false"
>
<template #default>
{{ levelFilterLabel }}
</template>
</USelect>
{{ levelFilterLabel }}
</USelectMenu>
<UButton
color="neutral"