ti.sil/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2025-12-15 13:55:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

refac: styling

Browse source
This commit is contained in:
Timothy Jaeryang Baek 2025-09-15 16:25:13 -05:00
parent 5eb26fe7ab
commit 4f72d5453f
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -124,19 +124,19 @@
{token.text} {token.text}
{/if} {/if}
{:else if token.type === 'table'} {:else if token.type === 'table'}
<div class="relative w-full group"> <div class="relative w-full group mb-2">
<div class="scrollbar-hidden relative overflow-x-auto max-w-full rounded-lg"> <div class="scrollbar-hidden relative overflow-x-auto max-w-full">
<table <table
class=" w-full text-sm text-left text-gray-500 dark:text-gray-400 max-w-full rounded-xl" class=" w-full text-sm text-left text-gray-500 dark:text-gray-400 max-w-full rounded-xl"
> >
<thead <thead
class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-850 dark:text-gray-400 border-none" class="text-xs text-gray-700 uppercase bg-white dark:bg-gray-900 dark:text-gray-400 border-none"
> >
<tr class=""> <tr class="">
{#each token.header as header, headerIdx} {#each token.header as header, headerIdx}
<th <th
scope="col" scope="col"
class="px-3! py-1.5! cursor-pointer border border-gray-100 dark:border-gray-850" class="px-2.5! py-1.5! cursor-pointer border-b border-gray-100! dark:border-gray-800!"
style={token.align[headerIdx] ? '' : `text-align: ${token.align[headerIdx]}`} style={token.align[headerIdx] ? '' : `text-align: ${token.align[headerIdx]}`}
> >
<div class="gap-1.5 text-left"> <div class="gap-1.5 text-left">
@ -155,10 +155,10 @@
</thead> </thead>
<tbody> <tbody>
{#each token.rows as row, rowIdx} {#each token.rows as row, rowIdx}
<tr class="bg-white dark:bg-gray-900 dark:border-gray-850 text-xs"> <tr class="bg-white dark:bg-gray-900 text-xs">
{#each row ?? [] as cell, cellIdx} {#each row ?? [] as cell, cellIdx}
<td <td
class="px-3! py-1.5! text-gray-900 dark:text-white w-max border border-gray-100 dark:border-gray-850" class="px-3! py-2! text-gray-900 dark:text-white w-max border-b border-gray-50! dark:border-gray-850!"
style={token.align[cellIdx] ? `text-align: ${token.align[cellIdx]}` : ''} style={token.align[cellIdx] ? `text-align: ${token.align[cellIdx]}` : ''}
> >
<div class="break-normal"> <div class="break-normal">