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: styling update

Browse source
This commit is contained in:
Timothy J. Baek 2024-02-07 17:15:01 -08:00
parent 9fccf72bfc
commit d22813a89e
4 changed files with 19 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/lib/components/chat/MessageInput.svelte
View file

@ -316,9 +316,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="bg-white dark:bg-gray-800"> <div class="bg-white dark:bg-gray-900">
<div class="max-w-3xl px-2.5 -mb-0.5 mx-auto inset-x-0"> <div class="max-w-3xl px-2.5 -mb-0.5 mx-auto inset-x-0">
<div class="bg-gradient-to-t from-white dark:from-gray-800 from-40% pb-2"> <div class=" pb-2">
<input <input
bind:this={filesInputElement} bind:this={filesInputElement}
bind:files={inputFiles} bind:files={inputFiles}
@ -361,7 +361,7 @@
}} }}
/> />
<form <form
class=" flex flex-col relative w-full rounded-xl border dark:border-gray-600 bg-white dark:bg-gray-800 dark:text-gray-100" class=" flex flex-col relative w-full rounded-xl border dark:border-gray-600 bg-white dark:bg-gray-900 dark:text-gray-100"
on:submit|preventDefault={() => { on:submit|preventDefault={() => {
submitPrompt(prompt, user); submitPrompt(prompt, user);
}} }}
@ -530,7 +530,7 @@
<textarea <textarea
id="chat-textarea" id="chat-textarea"
class=" dark:bg-gray-800 dark:text-gray-100 outline-none w-full py-3 px-2 {fileUploadEnabled class=" dark:bg-gray-900 dark:text-gray-100 outline-none w-full py-3 px-2 {fileUploadEnabled
? '' ? ''
: ' pl-4'} rounded-xl resize-none h-[48px]" : ' pl-4'} rounded-xl resize-none h-[48px]"
placeholder={chatInputPlaceholder !== '' placeholder={chatInputPlaceholder !== ''

2
src/lib/components/layout/Navbar.svelte
View file

@ -68,7 +68,7 @@
<ShareChatModal bind:show={showShareChatModal} {downloadChat} {shareChat} /> <ShareChatModal bind:show={showShareChatModal} {downloadChat} {shareChat} />
<nav <nav
id="nav" id="nav"
class=" fixed py-2.5 top-0 flex flex-row justify-center bg-white/95 dark:bg-gray-800/90 dark:text-gray-200 backdrop-blur-xl w-screen z-30" class=" fixed py-2.5 top-0 flex flex-row justify-center bg-white/95 dark:bg-gray-900/90 dark:text-gray-200 backdrop-blur-xl w-screen z-30"
> >
<div class=" flex max-w-3xl w-full mx-auto px-3"> <div class=" flex max-w-3xl w-full mx-auto px-3">
<div class="flex items-center w-full max-w-full"> <div class="flex items-center w-full max-w-full">

2
src/routes/(app)/+layout.svelte
View file

@ -351,7 +351,7 @@
{/if} {/if}
<div <div
class=" text-gray-700 dark:text-gray-100 bg-white dark:bg-gray-800 min-h-screen overflow-auto flex flex-row" class=" text-gray-700 dark:text-gray-100 bg-white dark:bg-gray-900 min-h-screen overflow-auto flex flex-row"
> >
<Sidebar /> <Sidebar />
<SettingsModal bind:show={$showSettings} /> <SettingsModal bind:show={$showSettings} />

24
tailwind.config.js
View file

@ -6,17 +6,19 @@ export default {
extend: { extend: {
colors: { colors: {
gray: { gray: {
50: '#f7f7f8', 50: '#f9f9f9',
100: '#ececf1', 100: '#ececec',
200: '#d9d9e3', 200: '#e3e3e3',
300: '#c5c5d2', 300: '#cdcdcd',
400: '#acacbe', 400: '#b4b4b4',
500: '#8e8ea0', 500: '#9b9b9b',
600: '#565869', 600: '#676767',
700: '#40414f', 700: '#4e4e4e',
800: '#343541', 800: '#333',
900: '#202123', 850: '#262626',
950: '#050509'
900: '#171717',
950: '#0d0d0d'
} }
}, },
typography: { typography: {