ti.sil/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2025-12-17 23:05:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refac: styling

Browse source
This commit is contained in:
Timothy Jaeryang Baek 2025-07-09 00:05:59 +04:00
parent 248fd10406
commit 40a715be89
2 changed files with 22 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte
View file

@ -220,12 +220,12 @@
{/each} {/each}
</ol> </ol>
{:else} {:else}
<ul dir="auto"> <ul dir="auto" class="">
{#each token.items as item, itemIdx} {#each token.items as item, itemIdx}
<li class="text-start"> <li class="text-start {item?.task ? 'flex -translate-x-7 gap-3.5 ' : ''}">
{#if item?.task} {#if item?.task}
<input <input
class=" translate-y-[1px] -translate-x-1" class=""
type="checkbox" type="checkbox"
checked={item.checked} checked={item.checked}
on:change={(e) => { on:change={(e) => {
@ -239,8 +239,8 @@
}); });
}} }}
/> />
{/if}
<div>
<svelte:self <svelte:self
id={`${id}-${tokenIdx}-${itemIdx}`} id={`${id}-${tokenIdx}-${itemIdx}`}
tokens={item.tokens} tokens={item.tokens}
@ -248,6 +248,16 @@
{onTaskClick} {onTaskClick}
{onSourceClick} {onSourceClick}
/> />
</div>
{:else}
<svelte:self
id={`${id}-${tokenIdx}-${itemIdx}`}
tokens={item.tokens}
top={token.loose}
{onTaskClick}
{onSourceClick}
/>
{/if}
</li> </li>
{/each} {/each}
</ul> </ul>

3
src/lib/components/common/RichTextInput.svelte
View file

@ -484,7 +484,6 @@
const htmlValue = editor.getHTML(); const htmlValue = editor.getHTML();
const jsonValue = editor.getJSON(); const jsonValue = editor.getJSON();
console.log(htmlValue, jsonValue);
let mdValue = turndownService let mdValue = turndownService
.turndown( .turndown(
htmlValue htmlValue
@ -578,7 +577,7 @@
} }
const isInCodeBlock = isInside(['codeBlock']); const isInCodeBlock = isInside(['codeBlock']);
const isInList = isInside(['listItem', 'bulletList', 'orderedList']); const isInList = isInside(['listItem', 'bulletList', 'orderedList', 'taskList']);
const isInHeading = isInside(['heading']); const isInHeading = isInside(['heading']);
if (isInCodeBlock || isInList || isInHeading) { if (isInCodeBlock || isInList || isInHeading) {