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

fix searchbox

Browse source
This commit is contained in:
ThatOneCalculator 2024-01-01 19:50:56 -08:00
parent 6a92652ca1
commit 2113c8bed0
No known key found for this signature in database
GPG key ID: 8703CACD01000000
3 changed files with 14 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/lib/components/layout/Sidebar.svelte
View file

@ -132,7 +132,7 @@
{/if} {/if}
<div class="px-2.5 mt-1 mb-2 flex justify-center space-x-2"> <div class="px-2.5 mt-1 mb-2 flex justify-center space-x-2">
<div class="flex w-full"> <div class="flex w-full" id="chat-search">
<div class="self-center pl-3 py-2 rounded-l bg-gray-950"> <div class="self-center pl-3 py-2 rounded-l bg-gray-950">
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -149,7 +149,6 @@
</div> </div>
<input <input
id="chat-search-input"
class="w-full rounded-r py-1.5 pl-2.5 pr-4 text-sm text-gray-300 bg-gray-950 outline-none" class="w-full rounded-r py-1.5 pl-2.5 pr-4 text-sm text-gray-300 bg-gray-950 outline-none"
placeholder="Search" placeholder="Search"
bind:value={search} bind:value={search}

10
static/themes/rosepine-dawn.css
View file

@ -35,13 +35,13 @@
} }
.rose-pine-dawn .text-white.bg-gray-100.dark\:text-gray-800.dark\:bg-gray-600.disabled.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center { .rose-pine-dawn .text-white.bg-gray-100.dark\:text-gray-800.dark\:bg-gray-600.disabled.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
background-color: #6e6a86; background-color: #cecacd;
transition: background 0.2s ease-out linear; transition: background-color 0.2s ease-out linear;
} }
.rose-pine-dawn .bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center { .rose-pine-dawn .bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
background-color: #286983; background-color: #286983;
transition: background 0.2s ease-out linear; transition: background-color 0.2s ease-out linear;
} }
.rose-pine-dawn .bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center>* { .rose-pine-dawn .bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center>* {
@ -115,6 +115,10 @@
background-color: #56949f; background-color: #56949f;
} }
#chat-search > * {
background-color: #dfdad9 !important;
}
.rose-pine-dawn .svelte-1ee93ns { .rose-pine-dawn .svelte-1ee93ns {
--primary: #b4637a !important; --primary: #b4637a !important;
--secondary: #fffaf3 !important; --secondary: #fffaf3 !important;

8
static/themes/rosepine.css
View file

@ -37,13 +37,13 @@
.rose-pine .rose-pine
.text-white.bg-gray-100.dark\:text-gray-800.dark\:bg-gray-600.disabled.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center { .text-white.bg-gray-100.dark\:text-gray-800.dark\:bg-gray-600.disabled.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
background-color: #6e6a86; background-color: #6e6a86;
transition: background 0.2s ease-out linear; transition: background-color 0.2s ease-out linear;
} }
.rose-pine .rose-pine
.bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center { .bg-black.text-white.hover\:bg-gray-900.dark\:bg-white.dark\:text-black.dark\:hover\:bg-gray-100.transition.rounded-lg.p-1.mr-0\.5.w-7.h-7.self-center {
background-color: #286983; background-color: #286983;
transition: background 0.2s ease-out linear; transition: background-color 0.2s ease-out linear;
} }
.rose-pine .rose-pine
@ -112,6 +112,10 @@
background-color: #31748f; background-color: #31748f;
} }
#chat-search > * {
background-color: #403d52 !important;
}
.rose-pine .svelte-1ee93ns { .rose-pine .svelte-1ee93ns {
--primary: #eb6f92 !important; --primary: #eb6f92 !important;
--secondary: #e0def4 !important; --secondary: #e0def4 !important;