Make gpu match style

This commit is contained in:
Nick Mowen 2022-11-13 12:33:00 -07:00
parent cc7bae68d3
commit 472888c44d

View File

@ -143,24 +143,24 @@ export default function System() {
) : ( ) : (
<div data-testid="gpus" className="grid grid-cols-1 3xl:grid-cols-3 md:grid-cols-2 gap-4"> <div data-testid="gpus" className="grid grid-cols-1 3xl:grid-cols-3 md:grid-cols-2 gap-4">
{gpuNames.map((gpu) => ( {gpuNames.map((gpu) => (
<div <div key={detector} className="dark:bg-gray-800 shadow-md hover:shadow-lg rounded-lg transition-shadow">
key={gpu} <div className="text-lg flex justify-between p-4">{detector}</div>
className="dark:bg-gray-800 shadow-md hover:shadow-lg rounded-lg transition-shadow p-4 m-2" <div className="p-2">
> <Table className="w-full">
<Table className="w-full"> <Thead>
<Thead> <Tr>
<Tr> <Th>Gpu %</Th>
<Th>Gpu %</Th> <Th>Memory %</Th>
<Th>Memory %</Th> </Tr>
</Tr> </Thead>
</Thead> <Tbody>
<Tbody> <Tr>
<Tr> <Td>{gpu_usages[gpu]['gpu']}</Td>
<Td>{gpu_usages[gpu]['gpu']}</Td> <Td>{gpu_usages[gpu]['mem']}</Td>
<Td>{gpu_usages[gpu]['mem']}</Td> </Tr>
</Tr> </Tbody>
</Tbody> </Table>
</Table> </div>
</div> </div>
))} ))}
</div> </div>