Settings: the instruments table scrolls inside its card on narrow screens
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 5.5
parent
02544fbdf5
commit
ee4550512c
@@ -464,7 +464,8 @@ export default function SettingsPage() {
|
|||||||
{firm.instruments.length === 0 && <span className="text-xs text-amber-700">no instruments — won't trade</span>}
|
{firm.instruments.length === 0 && <span className="text-xs text-amber-700">no instruments — won't trade</span>}
|
||||||
</div>
|
</div>
|
||||||
{firm.stats ? (
|
{firm.stats ? (
|
||||||
<table className="w-full text-sm border-collapse">
|
<div className="overflow-x-auto">
|
||||||
|
<table className="w-full text-sm border-collapse whitespace-nowrap">
|
||||||
<thead>
|
<thead>
|
||||||
<tr className="border-b border-slate-100 text-xs uppercase tracking-wider text-slate-400">
|
<tr className="border-b border-slate-100 text-xs uppercase tracking-wider text-slate-400">
|
||||||
<th className="px-4 py-2 text-left font-semibold">Symbol</th>
|
<th className="px-4 py-2 text-left font-semibold">Symbol</th>
|
||||||
@@ -504,6 +505,7 @@ export default function SettingsPage() {
|
|||||||
})}
|
})}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<div className="flex flex-wrap gap-1.5 px-4 py-3">
|
<div className="flex flex-wrap gap-1.5 px-4 py-3">
|
||||||
{firm.instruments.map((sym) => (
|
{firm.instruments.map((sym) => (
|
||||||
|
|||||||
Reference in New Issue
Block a user