UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-04-27 09:41:42 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refac: styling

Browse Source
This commit is contained in:
Timothy J. Baek 2024-09-18 01:35:22 +02:00
parent 3c03d5069d
commit 7e8cf5504a
3 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/chat/Overview/Node.svelte
View File

@ -18,7 +18,7 @@
className={'size-5 -translate-y-[1px]'} className={'size-5 -translate-y-[1px]'}
/> />
<div class="ml-2"> <div class="ml-2">
<div class="text-xs font-medium">{data.user.name}</div> <div class="text-xs text-black dark:text-white font-medium">{data.user.name}</div>
<div class="text-gray-500 line-clamp-2 text-xs mt-0.5">{data.message.content}</div> <div class="text-gray-500 line-clamp-2 text-xs mt-0.5">{data.message.content}</div>
</div> </div>
</div> </div>
@ -30,7 +30,7 @@
/> />
<div class="ml-2"> <div class="ml-2">
<div class="text-xs font-medium">{data.model.name}</div> <div class="text-xs text-black dark:text-white font-medium">{data.model.name}</div>
<div class="text-gray-500 line-clamp-2 text-xs mt-0.5">{data.message.content}</div> <div class="text-gray-500 line-clamp-2 text-xs mt-0.5">{data.message.content}</div>
</div> </div>
</div> </div>

4
src/lib/components/layout/Navbar/Menu.svelte
View File

@ -8,7 +8,7 @@
import { downloadChatAsPDF } from '$lib/apis/utils'; import { downloadChatAsPDF } from '$lib/apis/utils';
import { copyToClipboard } from '$lib/utils'; import { copyToClipboard } from '$lib/utils';
import { showOverview, showControls } from '$lib/stores'; import { showOverview, showControls, mobile } from '$lib/stores';
import { flyAndScale } from '$lib/utils/transitions'; import { flyAndScale } from '$lib/utils/transitions';
import Dropdown from '$lib/components/common/Dropdown.svelte'; import Dropdown from '$lib/components/common/Dropdown.svelte';
@ -127,6 +127,7 @@
<div class="flex items-center">{$i18n.t('Settings')}</div> <div class="flex items-center">{$i18n.t('Settings')}</div>
</DropdownMenu.Item> --> </DropdownMenu.Item> -->
{#if $mobile}
<DropdownMenu.Item <DropdownMenu.Item
class="flex gap-2 items-center px-3 py-2 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md" class="flex gap-2 items-center px-3 py-2 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md"
id="chat-controls-button" id="chat-controls-button"
@ -137,6 +138,7 @@
<AdjustmentsHorizontal className=" size-4" strokeWidth="0.5" /> <AdjustmentsHorizontal className=" size-4" strokeWidth="0.5" />
<div class="flex items-center">{$i18n.t('Controls')}</div> <div class="flex items-center">{$i18n.t('Controls')}</div>
</DropdownMenu.Item> </DropdownMenu.Item>
{/if}
<DropdownMenu.Item <DropdownMenu.Item
class="flex gap-2 items-center px-3 py-2 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md" class="flex gap-2 items-center px-3 py-2 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md"

8
src/lib/components/layout/Sidebar.svelte
View File

@ -424,8 +424,8 @@
<div class="px-3.5 mb-1 flex gap-0.5 flex-wrap"> <div class="px-3.5 mb-1 flex gap-0.5 flex-wrap">
<button <button
class="px-2.5 py-[1px] text-xs transition {selectedTagName === null class="px-2.5 py-[1px] text-xs transition {selectedTagName === null
? 'bg-gray-900' ? 'bg-gray-100 dark:bg-gray-900'
: ' '} rounded-md" : ' '} rounded-md font-medium"
on:click={async () => { on:click={async () => {
selectedTagName = null; selectedTagName = null;
await enablePagination(); await enablePagination();
@ -436,8 +436,8 @@
{#each $tags.filter((t) => t.name !== 'pinned') as tag} {#each $tags.filter((t) => t.name !== 'pinned') as tag}
<button <button
class="px-2.5 py-[1px] text-xs transition {selectedTagName === tag.name class="px-2.5 py-[1px] text-xs transition {selectedTagName === tag.name
? 'bg-gray-900' ? 'bg-gray-100 dark:bg-gray-900'
: ''} rounded-md" : ''} rounded-md font-medium"
on:click={async () => { on:click={async () => {
selectedTagName = tag.name; selectedTagName = tag.name;
scrollPaginationEnabled.set(false); scrollPaginationEnabled.set(false);