Fix table horizontal overflow - add scroll and min-width
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -292,8 +292,8 @@ export function DeploymentsTable({ deployments, isLoading, onRefresh }: Deployme
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Table */}
|
{/* Table */}
|
||||||
<div className="bg-white dark:bg-stone-900 rounded-xl border border-slate-200 dark:border-stone-700/50 overflow-hidden shadow-sm">
|
<div className="bg-white dark:bg-stone-900 rounded-xl border border-slate-200 dark:border-stone-700/50 overflow-x-auto shadow-sm">
|
||||||
<table className="w-full">
|
<table className="w-full min-w-[900px]">
|
||||||
<thead>
|
<thead>
|
||||||
{table.getHeaderGroups().map((headerGroup) => (
|
{table.getHeaderGroups().map((headerGroup) => (
|
||||||
<tr key={headerGroup.id} className="border-b border-slate-200 dark:border-stone-800">
|
<tr key={headerGroup.id} className="border-b border-slate-200 dark:border-stone-800">
|
||||||
|
|||||||
Reference in New Issue
Block a user