feat: light mode support

This commit is contained in:
Timothy J. Baek 2023-11-05 15:01:55 -08:00
parent 983593d8f9
commit f0e1ec75d8
7 changed files with 177 additions and 94 deletions

View file

@ -45,14 +45,14 @@
</script>
<div
class=" fixed top-0 flex flex-row justify-center bg-stone-100/5 text-gray-200 backdrop-blur-xl w-full z-30"
class=" fixed top-0 flex flex-row justify-center dark:bg-stone-100/5 dark:text-gray-200 backdrop-blur-xl w-full z-30"
>
<div class="basis-full px-5">
<nav class="py-3" id="nav">
<div class="flex flex-row justify-between">
<div class="pl-2">
<button
class=" cursor-pointer p-1 flex hover:bg-gray-700 rounded-lg transition"
class=" cursor-pointer p-1 flex dark:hover:bg-gray-700 rounded-lg transition"
on:click={() => {
show = !show;
}}
@ -75,12 +75,12 @@
</div>
<div class=" self-center">
{title != '' ? title.split(' ').slice(0, 7).join(' ') : 'Ollama Web UI'}
{title != '' ? title.split(' ').slice(0, 6).join(' ') : 'Ollama Web UI'}
</div>
<div class="pr-2">
<button
class=" cursor-pointer p-1 flex hover:bg-gray-700 rounded-lg transition"
class=" cursor-pointer p-1 flex dark:hover:bg-gray-700 rounded-lg transition"
on:click={() => {
createNewChat();
}}