thesn/solisting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: filter highlight, nav alignment, button centering, listing title, dashboard listing name

Browse Source
This commit is contained in:
thesn10
2026-06-25 19:59:03 +02:00
parent b18bdefcc0
commit ca1c0b1cd8
7 changed files with 42 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
app/src/components/ListingsTable.tsx
View File

@@ -59,15 +59,27 @@ export function ListingsTable() {
style={{ height: 38, width: 220, padding: '0 13px', background: 'var(--bg3)', border: '1px solid var(--bd)', borderRadius: 10, fontSize: 13, fontFamily: 'var(--font-mono)', outline: 'none' }}
/>
<div style={{ display: 'flex', background: 'var(--bg3)', border: '1px solid var(--bd)', borderRadius: 10, padding: 3 }}>
{FILTERS.map((f) => (
<button
key={f.key}
onClick={() => setFilter(f.key)}
style={{ padding: '6px 13px', borderRadius: 7, fontSize: 12.5, fontWeight: 600, color: filter === f.key ? 'var(--tx)' : 'var(--mut)', background: filter === f.key ? 'var(--bg2)' : 'transparent' }}
>
{f.label}
</button>
))}
{FILTERS.map((f) => {
const active = filter === f.key
return (
<button
key={f.key}
onClick={() => setFilter(f.key)}
style={{
padding: '6px 13px',
borderRadius: 7,
fontSize: 12.5,
fontWeight: 600,
color: active ? '#0b0613' : 'var(--mut)',
background: active ? 'linear-gradient(135deg,var(--acc),var(--acc2))' : 'transparent',
border: 'none',
cursor: 'pointer',
}}
>
{f.label}
</button>
)
})}
</div>
</div>
</div>