ti.sil/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2025-12-11 20:05:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

refac

Browse source
This commit is contained in:
Timothy Jaeryang Baek 2025-12-02 05:36:45 -05:00
parent 9f42b9369f
commit aa589fcbd9
2 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/layout/Sidebar/UserMenu.svelte
View file

@ -137,6 +137,7 @@
class="mb-1 w-full gap-2 px-2.5 py-1.5 rounded-xl bg-gray-50 dark:text-white dark:bg-gray-900/50 text-black transition text-xs flex items-center" class="mb-1 w-full gap-2 px-2.5 py-1.5 rounded-xl bg-gray-50 dark:text-white dark:bg-gray-900/50 text-black transition text-xs flex items-center"
type="button" type="button"
on:click={() => { on:click={() => {
show = false;
showUserStatusModal = true; showUserStatusModal = true;
}} }}
> >
@ -187,6 +188,7 @@
class="mb-1 w-full px-3 py-1.5 gap-1 rounded-xl bg-gray-50 dark:text-white dark:bg-gray-900/50 text-black transition text-xs flex items-center justify-center" class="mb-1 w-full px-3 py-1.5 gap-1 rounded-xl bg-gray-50 dark:text-white dark:bg-gray-900/50 text-black transition text-xs flex items-center justify-center"
type="button" type="button"
on:click={() => { on:click={() => {
show = false;
showUserStatusModal = true; showUserStatusModal = true;
}} }}
> >

12
src/lib/components/layout/Sidebar/UserStatusModal.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import { getContext, createEventDispatcher, onMount } from 'svelte'; import { getContext, createEventDispatcher, onMount, tick } from 'svelte';
const i18n = getContext('i18n'); const i18n = getContext('i18n');
import { toast } from 'svelte-sonner'; import { toast } from 'svelte-sonner';
@ -52,9 +52,16 @@
resetHandler(); resetHandler();
} }
const init = () => { const init = async () => {
emoji = $user?.status_emoji || ''; emoji = $user?.status_emoji || '';
message = $user?.status_message || ''; message = $user?.status_message || '';
await tick();
const input = document.getElementById('status-message') as HTMLInputElement;
if (input) {
input.focus();
input.select();
}
}; };
const resetHandler = () => { const resetHandler = () => {
@ -113,6 +120,7 @@
</EmojiPicker> </EmojiPicker>
<input <input
id="status-message"
type="text" type="text"
bind:value={message} bind:value={message}
class={`w-full flex-1 text-sm bg-transparent ${($settings?.highContrastMode ?? false) ? 'placeholder:text-gray-700 dark:placeholder:text-gray-100' : 'outline-hidden placeholder:text-gray-300 dark:placeholder:text-gray-700'}`} class={`w-full flex-1 text-sm bg-transparent ${($settings?.highContrastMode ?? false) ? 'placeholder:text-gray-700 dark:placeholder:text-gray-100' : 'outline-hidden placeholder:text-gray-300 dark:placeholder:text-gray-700'}`}