|
|
@@ -124,19 +124,19 @@
|
|
|
{token.text}
|
|
|
{/if}
|
|
|
{:else if token.type === 'table'}
|
|
|
- <div class="relative w-full group">
|
|
|
- <div class="scrollbar-hidden relative overflow-x-auto max-w-full rounded-lg">
|
|
|
+ <div class="relative w-full group mb-2">
|
|
|
+ <div class="scrollbar-hidden relative overflow-x-auto max-w-full">
|
|
|
<table
|
|
|
class=" w-full text-sm text-left text-gray-500 dark:text-gray-400 max-w-full rounded-xl"
|
|
|
>
|
|
|
<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="">
|
|
|
{#each token.header as header, headerIdx}
|
|
|
<th
|
|
|
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]}`}
|
|
|
>
|
|
|
<div class="gap-1.5 text-left">
|
|
|
@@ -155,10 +155,10 @@
|
|
|
</thead>
|
|
|
<tbody>
|
|
|
{#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}
|
|
|
<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]}` : ''}
|
|
|
>
|
|
|
<div class="break-normal">
|
Timothy Jaeryang Baek