UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-02-21 12:29:29 +00:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

refac: styling

Browse Source
This commit is contained in:
Timothy J. Baek 2024-10-05 03:15:39 -07:00
parent 0319e63999
commit 3e7a163660
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/chat/MessageInput.svelte
View File

@ -233,7 +233,7 @@
<div class="w-full font-primary"> <div class="w-full font-primary">
<div class=" -mb-0.5 mx-auto inset-x-0 bg-transparent flex justify-center"> <div class=" -mb-0.5 mx-auto inset-x-0 bg-transparent flex justify-center">
<div class="flex flex-col max-w-6xl w-full"> <div class="flex flex-col px-2.5 max-w-6xl w-full">
<div class="relative"> <div class="relative">
{#if autoScroll === false && history?.currentId} {#if autoScroll === false && history?.currentId}
<div <div
@ -315,7 +315,7 @@
</div> </div>
<div class="{transparentBackground ? 'bg-transparent' : 'bg-white dark:bg-gray-900'} "> <div class="{transparentBackground ? 'bg-transparent' : 'bg-white dark:bg-gray-900'} ">
<div class="max-w-6xl px-2.5 md:px-6 mx-auto inset-x-0 pb-safe-bottom"> <div class="max-w-6xl px-2.5 mx-auto inset-x-0 pb-safe-bottom">
<div class=""> <div class="">
<input <input
bind:this={filesInputElement} bind:this={filesInputElement}

8
src/lib/components/chat/Messages/Placeholder.svelte
View File

@ -89,7 +89,7 @@
</script> </script>
{#key mounted} {#key mounted}
<div class="m-auto w-full max-w-6xl px-4 xl:px-20 translate-y-2 text-center"> <div class="m-auto w-full max-w-6xl px-2 xl:px-20 translate-y-2 text-center">
{#if $temporaryChatEnabled} {#if $temporaryChatEnabled}
<Tooltip <Tooltip
content="This chat won't appear in history and your messages will not be saved." content="This chat won't appear in history and your messages will not be saved."
@ -107,13 +107,13 @@
> >
<div class="w-full flex flex-col justify-center items-center"> <div class="w-full flex flex-col justify-center items-center">
<Tooltip <Tooltip
className="flex justify-center gap-3.5 w-fit" className="flex flex-col md:flex-row justify-center gap-2 md:gap-3.5 w-fit"
content={marked.parse( content={marked.parse(
sanitizeResponseContent(models[selectedModelIdx]?.info?.meta?.description ?? '') sanitizeResponseContent(models[selectedModelIdx]?.info?.meta?.description ?? '')
)} )}
placement="top" placement="top"
> >
<div class="flex justify-center"> <div class="flex flex-shrink-0 justify-center">
<div class="flex -space-x-4 mb-0.5" in:fade={{ duration: 200 }}> <div class="flex -space-x-4 mb-0.5" in:fade={{ duration: 200 }}>
{#each models as model, modelIdx} {#each models as model, modelIdx}
<button <button
@ -136,7 +136,7 @@
</div> </div>
</div> </div>
<div class=" capitalize line-clamp-1 text-4xl" in:fade={{ duration: 200 }}> <div class=" capitalize line-clamp-1 text-3xl md:text-4xl" in:fade={{ duration: 200 }}>
{#if models[selectedModelIdx]?.info} {#if models[selectedModelIdx]?.info}
{models[selectedModelIdx]?.info?.name} {models[selectedModelIdx]?.info?.name}
{:else} {:else}