1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-24 07:49:41 +02:00

Fix(UI) Update UI of docker dashboard EE-3845 (#7422)

* EE-3846 fix alignment of left-hand side of fields
This commit is contained in:
Rex Wang 2022-08-05 10:17:31 +08:00 committed by GitHub
parent 8d733ccc8c
commit 69a824c25b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 50 additions and 26 deletions

View file

@ -1,3 +1,6 @@
import clsx from 'clsx';
import { Icon } from '@/react/components/Icon';
import { humanize } from '@/portainer/filters/filters';
interface Props {
@ -10,8 +13,8 @@ export function useImagesTotalSizeComponent(imagesTotalSize: number) {
export function ImagesTotalSize({ imagesTotalSize }: Props) {
return (
<div>
<i className="fa fa-chart-pie space-right" />
<div className="vertical-center">
<Icon icon="pie-chart" className={clsx('space-right')} feather />
{humanize(imagesTotalSize)}
</div>
);