ui: fix update tab layout

This commit is contained in:
Sosokker 2024-11-21 11:55:11 +07:00
parent 2e4d8d441f
commit 91cd786eb6

View File

@ -40,17 +40,16 @@ export const UpdateTab = async ({ projectId }: { projectId: number }) => {
}
return (
<div className="w-full">
<div className="grid grid-cols-3 gap-4 w-full">
{parsedLogs.map((log, index) => (
<div key={index} className="grid grid-cols-3 gap-4 overflow-y-auto">
<Card>
<Card key={index} className="overflow-hidden">
<CardHeader>
<CardTitle>{log.table}</CardTitle>
<CardDescription>{log.changes.length} Changes</CardDescription>
</CardHeader>
<CardContent className="grid grid-cols-2 overflow-y-auto h-1/2 mx-4">
<CardContent className="overflow-y-auto h-60 px-4">
{log.changes.map((change, changeIndex) => (
<div key={changeIndex} className="mb-3">
<div key={changeIndex} className="mb-4">
<div className="text-sm font-semibold">{change.field}</div>
<div className="text-gray-500">
<span className="text-red-500">From:</span> {JSON.stringify(change.from)}
@ -65,7 +64,6 @@ export const UpdateTab = async ({ projectId }: { projectId: number }) => {
<div className="text-xs text-gray-500">Updated at: {new Date(log.changed_at).toLocaleString()}</div>
</CardFooter>
</Card>
</div>
))}
</div>
);