Fix overflow of prompt library table (#2606)

This commit is contained in:
Chris Weaver 2024-09-30 08:31:12 -07:00 committed by GitHub
parent b0056907fb
commit 3e511497d2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -202,7 +202,7 @@ export const PromptLibraryTable = ({
))}
</div>
</div>
<div className="mx-auto">
<div className="mx-auto overflow-x-auto">
<Table>
<TableHead>
<TableRow>
@ -220,7 +220,16 @@ export const PromptLibraryTable = ({
.map((item) => (
<TableRow key={item.id}>
<TableCell>{item.prompt}</TableCell>
<TableCell>{item.content}</TableCell>
<TableCell
className="
max-w-xs
overflow-hidden
text-ellipsis
break-words
"
>
{item.content}
</TableCell>
<TableCell>{item.active ? "Active" : "Inactive"}</TableCell>
<TableCell>
<button