refac
This commit is contained in:
@@ -655,7 +655,6 @@
|
||||
placeholder={$i18n.t('Select a base model (e.g. llama3, gpt-4o)')}
|
||||
searchPlaceholder={$i18n.t('Search a model')}
|
||||
items={getBaseModelItems($models)}
|
||||
className="w-[32rem]"
|
||||
triggerClassName="text-sm"
|
||||
selectionOnly
|
||||
includeHidden={$user?.role === 'admin'}
|
||||
|
||||
@@ -12,6 +12,11 @@
|
||||
export let placeholder = $i18n.t('Tag');
|
||||
export let align = 'start';
|
||||
export let onChange: (value: string) => void = () => {};
|
||||
export let triggerClass =
|
||||
'relative h-8 w-full flex items-center gap-0.5 px-1.5 py-1.5 bg-transparent rounded-xl text-[13px] font-normal text-gray-700 transition hover:text-gray-900 dark:text-gray-200 dark:hover:text-gray-100';
|
||||
export let itemClass =
|
||||
'flex h-[1.6875rem] w-full cursor-pointer items-center gap-2 rounded-xl bg-transparent px-2 text-[13px] capitalize hover:bg-gray-50/40 hover:text-gray-900 dark:hover:bg-gray-800/40 dark:hover:text-gray-100';
|
||||
export let contentClass = 'min-w-[170px]';
|
||||
|
||||
export let items = [];
|
||||
</script>
|
||||
@@ -21,16 +26,17 @@
|
||||
{items}
|
||||
{placeholder}
|
||||
{align}
|
||||
triggerClass="relative h-8 w-full flex items-center gap-0.5 px-1.5 py-1.5 bg-transparent rounded-xl text-[13px] font-normal text-gray-700 transition hover:text-gray-900 dark:text-gray-200 dark:hover:text-gray-100"
|
||||
itemClass="flex h-[1.6875rem] w-full cursor-pointer items-center gap-2 rounded-xl bg-transparent px-2 text-[13px] capitalize hover:bg-gray-50/40 hover:text-gray-900 dark:hover:bg-gray-800/40 dark:hover:text-gray-100"
|
||||
{triggerClass}
|
||||
{itemClass}
|
||||
{contentClass}
|
||||
onChange={() => onChange(value)}
|
||||
>
|
||||
<svelte:fragment slot="trigger" let:selectedLabel>
|
||||
<div
|
||||
class="inline-flex h-input w-full outline-hidden bg-transparent truncate placeholder-gray-400 focus:outline-hidden capitalize"
|
||||
class="inline-flex h-input min-w-0 flex-1 outline-hidden bg-transparent truncate placeholder-gray-400 focus:outline-hidden capitalize"
|
||||
>
|
||||
{#if value}
|
||||
{value}
|
||||
{selectedLabel}
|
||||
{:else}
|
||||
{placeholder}
|
||||
{/if}
|
||||
|
||||
Reference in New Issue
Block a user