hypercross
/
ttrpg-tools
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: styling

This commit is contained in:
hypercross 2026-02-26 17:51:49 +08:00
parent 31b6b57ec8
commit f3b9078c45
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/table.tsx
View File

@ -192,12 +192,12 @@ customElement('md-table', { roll: false, remix: false }, (props, { element }) =>
🎲 🎲
</button> </button>
</Show> </Show>
<div ref={tabsContainer} class="flex gap-2 overflow-x-auto flex-1 min-w-0"> <div ref={tabsContainer} class="flex gap-1 overflow-x-auto flex-1 min-w-0">
<For each={filteredRows()}> <For each={filteredRows()}>
{(row, index) => ( {(row, index) => (
<button <button
onClick={() => setActiveTab(index())} onClick={() => setActiveTab(index())}
class={`font-medium transition-colors flex-shrink-0 ${ class={`font-medium transition-colors flex-shrink-0 min-w-[1.6em] ${
activeTab() === index() activeTab() === index()
? 'text-blue-600 border-b-2 border-blue-600' ? 'text-blue-600 border-b-2 border-blue-600'
: 'text-gray-500 hover:text-gray-700' : 'text-gray-500 hover:text-gray-700'