tdpeuter/open-webui
tdpeuter/open-webui
1
Fork 0
forked from open-webui/open-webui
Code Issues Pull requests 1 Releases 2 Packages Activity Actions

feat: modal styling update

Browse source
This commit is contained in:
Timothy J. Baek 2023-11-08 00:13:39 -08:00
parent 2d69cf8cf4
commit 397ea93324
2 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/common/Modal.svelte
View file

@ -28,7 +28,7 @@
}} }}
> >
<div <div
class="m-auto min-h-52 max-w-full w-[36rem] mx-2 bg-gray-50 dark:bg-gray-900 rounded-lg shadow-3xl" class="m-auto min-h-52 max-w-full w-[36rem] mx-2 bg-gray-50 dark:bg-gray-900 rounded-3xl shadow-3xl"
transition:fade={{ delay: 100, duration: 200 }} transition:fade={{ delay: 100, duration: 200 }}
on:click={(e) => { on:click={(e) => {
e.stopPropagation(); e.stopPropagation();

8
src/routes/+page.svelte
View file

@ -113,7 +113,7 @@
code.style.borderTopLeftRadius = 0; code.style.borderTopLeftRadius = 0;
let topBarDiv = document.createElement('div'); let topBarDiv = document.createElement('div');
topBarDiv.style.backgroundColor = '#343541'; topBarDiv.style.backgroundColor = '#202123';
topBarDiv.style.overflowX = 'auto'; topBarDiv.style.overflowX = 'auto';
topBarDiv.style.display = 'flex'; topBarDiv.style.display = 'flex';
topBarDiv.style.justifyContent = 'space-between'; topBarDiv.style.justifyContent = 'space-between';
@ -846,9 +846,9 @@
</div> </div>
</div> </div>
<div class=" h-full mt-10 mb-48 w-full flex flex-col"> <div class=" h-full mt-10 mb-32 w-full flex flex-col">
{#if messages.length == 0} {#if messages.length == 0}
<div class="m-auto text-center max-w-md pb-28 px-2"> <div class="m-auto text-center max-w-md pb-32 px-2">
<div class="flex justify-center mt-8"> <div class="flex justify-center mt-8">
<img src="/ollama.png" class="w-16 invert-[80%]" /> <img src="/ollama.png" class="w-16 invert-[80%]" />
</div> </div>
@ -1087,8 +1087,6 @@
</div> </div>
<div class="fixed bottom-0 w-full"> <div class="fixed bottom-0 w-full">
<!-- <hr class=" mb-3 border-gray-600" /> -->
<div class=" bg-gradient-to-t from-white/90 dark:from-gray-900 pt-5"> <div class=" bg-gradient-to-t from-white/90 dark:from-gray-900 pt-5">
<div class="max-w-3xl p-2.5 -mb-0.5 mx-auto inset-x-0"> <div class="max-w-3xl p-2.5 -mb-0.5 mx-auto inset-x-0">
{#if messages.length == 0 && suggestions !== 'false'} {#if messages.length == 0 && suggestions !== 'false'}