refac: styling

This commit is contained in:
Timothy J. Baek 2024-07-08 20:17:09 -07:00
parent 7df35d978f
commit d752002836
2 changed files with 7 additions and 7 deletions

View File

@ -29,14 +29,14 @@
<div> <div>
<textarea <textarea
bind:value={params.system} bind:value={params.system}
class="w-full rounded-lg px-4 py-3 text-sm dark:text-gray-300 dark:bg-gray-850 border dark:border-gray-800 outline-none resize-none" class="w-full rounded-lg px-4 py-3 text-sm dark:text-gray-300 dark:bg-gray-850 border border-gray-100 dark:border-gray-800 outline-none resize-none"
rows="3" rows="3"
placeholder="Enter system prompt" placeholder="Enter system prompt"
/> />
</div> </div>
</div> </div>
<hr class="my-2 dark:border-gray-800" /> <hr class="my-2 border-gray-100 dark:border-gray-800" />
<div> <div>
<div class="mb-1.5 font-medium">Advanced Params</div> <div class="mb-1.5 font-medium">Advanced Params</div>

View File

@ -50,7 +50,7 @@
> >
<button <button
id="sidebar-toggle-button" id="sidebar-toggle-button"
class="cursor-pointer px-2 py-2 flex rounded-xl hover:bg-gray-100 dark:hover:bg-gray-850 transition" class="cursor-pointer px-2 py-2 flex rounded-xl hover:bg-gray-50 dark:hover:bg-gray-850 transition"
on:click={() => { on:click={() => {
showSidebar.set(!$showSidebar); showSidebar.set(!$showSidebar);
}} }}
@ -82,7 +82,7 @@
}} }}
> >
<button <button
class="hidden md:flex cursor-pointer px-2 py-2 rounded-xl hover:bg-gray-100 dark:hover:bg-gray-850 transition" class="hidden md:flex cursor-pointer px-2 py-2 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-850 transition"
id="chat-context-menu-button" id="chat-context-menu-button"
> >
<div class=" m-auto self-center"> <div class=" m-auto self-center">
@ -107,7 +107,7 @@
<Tooltip content={$i18n.t('Controls')}> <Tooltip content={$i18n.t('Controls')}>
<button <button
class=" flex cursor-pointer px-2 py-2 rounded-xl hover:bg-gray-100 dark:hover:bg-gray-850 transition" class=" flex cursor-pointer px-2 py-2 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-850 transition"
on:click={() => { on:click={() => {
showControls = !showControls; showControls = !showControls;
}} }}
@ -123,7 +123,7 @@
id="new-chat-button" id="new-chat-button"
class=" flex {$showSidebar class=" flex {$showSidebar
? 'md:hidden' ? 'md:hidden'
: ''} cursor-pointer px-2 py-2 rounded-xl text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-850 transition" : ''} cursor-pointer px-2 py-2 rounded-xl text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-850 transition"
on:click={() => { on:click={() => {
initNewChat(); initNewChat();
}} }}
@ -157,7 +157,7 @@
}} }}
> >
<button <button
class="select-none flex rounded-xl p-1.5 w-full hover:bg-gray-100 dark:hover:bg-gray-850 transition" class="select-none flex rounded-xl p-1.5 w-full hover:bg-gray-50 dark:hover:bg-gray-850 transition"
aria-label="User Menu" aria-label="User Menu"
> >
<div class=" self-center"> <div class=" self-center">