diff --git a/web/src/pages/admin/logical-models/logical-models-page.tsx b/web/src/pages/admin/logical-models/logical-models-page.tsx index 98b039933..6e144fded 100644 --- a/web/src/pages/admin/logical-models/logical-models-page.tsx +++ b/web/src/pages/admin/logical-models/logical-models-page.tsx @@ -261,7 +261,7 @@ export default function LogicalModelsPage() { toolbarActiveFilters={keyword ? { setKeyword(""); setPage(1); }} /> : null} toolbarActive={Boolean(keyword)} onReset={() => { setKeyword(""); setPage(1); }} - table={{ rowKey: "id", size: "small", loading, pagination: false, columns: modelColumns, dataSource: paginatedModels, scroll: { x: 980 } }} + table={{ className: "admin-logical-model-table", rowKey: "id", size: "small", loading, pagination: false, columns: modelColumns, dataSource: paginatedModels, scroll: { x: 980 } }} empty={} footer={ { setPage(nextPageSize !== pageSize ? 1 : nextPage); setPageSize(nextPageSize); }} />} /> diff --git a/web/src/pages/admin/logical-models/model-routing-capabilities.tsx b/web/src/pages/admin/logical-models/model-routing-capabilities.tsx index 45667d11d..bb950660b 100644 --- a/web/src/pages/admin/logical-models/model-routing-capabilities.tsx +++ b/web/src/pages/admin/logical-models/model-routing-capabilities.tsx @@ -439,11 +439,11 @@ export function CapabilitySummary({ spec }: { spec: CapabilitySpec }) { return (
{labels.slice(0, 4).map((label) => ( - + {label} ))} - {labels.length > 4 ? +{labels.length - 4} : null} + {labels.length > 4 ? +{labels.length - 4} : null}
); } diff --git a/web/src/styles/globals.css b/web/src/styles/globals.css index 9756d5d1d..2bf3e009b 100644 --- a/web/src/styles/globals.css +++ b/web/src/styles/globals.css @@ -7891,6 +7891,21 @@ html:not(.dark) .creation-media-preview-modal .ant-modal-container { background: border-inline-start: 0; } +.admin-shell .admin-logical-model-table .ant-table-tbody > tr > td { + height: auto; + vertical-align: top; +} + +.admin-shell .admin-logical-model-table .admin-capability-summary-tag { + max-width: 100%; + margin-inline-end: 0; + overflow-wrap: anywhere; + border: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent) !important; + background: color-mix(in srgb, var(--foreground) 6%, var(--admin-layer-1)) !important; + color: color-mix(in srgb, var(--foreground) 72%, transparent) !important; + white-space: normal; +} + .admin-shell .admin-table-clickable-row { cursor: pointer; }