root/gpustack-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: gpu selector info

Browse Source
This commit is contained in:
jialin
2024-09-10 10:44:56 +08:00
parent 21ef4e8f18
commit 93bda622d5
4 changed files with 48 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/llmodels/components/gpu-card.tsx
+10 -8
View File
@@ -15,17 +15,19 @@ const GPUCard: React.FC<{
{intl.formatMessage({ id: 'resources.table.index' })}:{data.index}]
</div>
<div className="info">
<span>{intl.formatMessage({ id: 'resources.table.vram' })}:</span>
<span>
{intl.formatMessage({ id: 'resources.table.total' })}{' '}
{convertFileSize(data?.memory?.total || 0)}
{intl.formatMessage({ id: 'resources.table.vram' })}(
{intl.formatMessage({ id: 'resources.table.used' })}/
{intl.formatMessage({ id: 'resources.table.total' })}):{' '}
<span>
{convertFileSize(data?.memory?.used || 0)} /{' '}
{convertFileSize(data?.memory?.total || 0)}
</span>
</span>
<span>
{intl.formatMessage({ id: 'resources.table.used' })}{' '}
{convertFileSize(data?.memory?.used || 0)}
</span>
<span>
{intl.formatMessage({ id: 'resources.table.utilization' })}{' '}
<span>
{intl.formatMessage({ id: 'resources.table.gpuutilization' })}:{' '}
</span>
{_.round(data?.memory?.utilization_rate || 0, 2)}%
</span>
</div>