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:
parent
8d733ccc8c
commit
69a824c25b
4 changed files with 50 additions and 26 deletions
|
@ -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>
|
||||
);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue