UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-03-20 11:59:10 +00:00
Code Issues Actions 4 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}
<!-- svelte-ignore a11y-no-static-element-interactions -->
<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={() => {
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="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 justify-between items-center mb-2">
<div class=" font-medium text-base">Settings</div>
<div>
<button class="p-1.5 bg-transparent hover:bg-white/5 transition rounded-lg">
<ArrowRight strokeWidth="2.5" />
<div class=" translate-x-1.5">
<button
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>
</div>
</div>
@ -206,16 +211,14 @@
<div class=" text-xs font-medium mb-1">Model</div>
<div class="w-full">
<Selector
triggerClassName="text-sm"
placeholder={$i18n.t('Select a model')}
items={$models.map((model) => ({
value: model.id,
label: model.name,
model: model
}))}
<select
class="w-full bg-transparent border border-gray-50 dark:border-gray-850 rounded-lg p-1.5 text-sm outline-none"
bind:value={selectedModelId}
/>
>
{#each $models as model}
<option value={model.id}>{model.name}</option>
{/each}
</select>
</div>
</div>
</div>