OpenWebUI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-06-26 18:26:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refac

Browse Source
This commit is contained in:
Timothy J. Baek 2024-10-21 15:30:30 -07:00
parent c03cccfd14
commit e0b7d95429
2 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/common/Sidebar.svelte
View File

@ -12,7 +12,7 @@
{#if show} {#if show}
<!-- svelte-ignore a11y-no-static-element-interactions --> <!-- svelte-ignore a11y-no-static-element-interactions -->
<div <div
class="absolute z-20 top-0 right-0 left-0 bottom-0 bg-black/10 w-full min-h-full h-full flex justify-center overflow-hidden overscroll-contain" class="absolute z-20 top-0 right-0 left-0 bottom-0 bg-white/20 dark:bg-black/20 w-full min-h-full h-full flex justify-center overflow-hidden overscroll-contain"
on:mousedown={() => { on:mousedown={() => {
show = false; show = false;
}} }}

29
src/lib/components/playground/Chat.svelte
View File

@ -189,14 +189,19 @@
<div class=" flex flex-col justify-between w-full overflow-y-auto h-full"> <div class=" flex flex-col justify-between w-full overflow-y-auto h-full">
<div class="mx-auto w-full md:px-0 h-full relative"> <div class="mx-auto w-full md:px-0 h-full relative">
<Sidebar bind:show={showSettings} className=" dark:bg-gray-900" width="250px"> <Sidebar bind:show={showSettings} className=" bg-white dark:bg-gray-900" width="250px">
<div class="flex flex-col px-5 py-3 text-sm"> <div class="flex flex-col px-5 py-3 text-sm">
<div class="flex justify-between items-center mb-2"> <div class="flex justify-between items-center mb-2">
<div class=" font-medium text-base">Settings</div> <div class=" font-medium text-base">Settings</div>
<div> <div class=" translate-x-1.5">
<button class="p-1.5 bg-transparent hover:bg-white/5 transition rounded-lg"> <button
<ArrowRight strokeWidth="2.5" /> class="p-1.5 bg-transparent hover:bg-white/5 transition rounded-lg"
on:click={() => {
showSettings = !showSettings;
}}
>
<ArrowRight className="size-3" strokeWidth="2.5" />
</button> </button>
</div> </div>
</div> </div>
@ -206,16 +211,14 @@
<div class=" text-xs font-medium mb-1">Model</div> <div class=" text-xs font-medium mb-1">Model</div>
<div class="w-full"> <div class="w-full">
<Selector <select
triggerClassName="text-sm" class="w-full bg-transparent border border-gray-50 dark:border-gray-850 rounded-lg p-1.5 text-sm outline-none"
placeholder={$i18n.t('Select a model')}
items={$models.map((model) => ({
value: model.id,
label: model.name,
model: model
}))}
bind:value={selectedModelId} bind:value={selectedModelId}
/> >
{#each $models as model}
<option value={model.id}>{model.name}</option>
{/each}
</select>
</div> </div>
</div> </div>
</div> </div>