refac: styling

This commit is contained in:
Timothy Jaeryang Baek 2025-09-15 16:25:13 -05:00
parent 5eb26fe7ab
commit 4f72d5453f

View file

@ -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">