Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-24 15:59:41 +02:00
Code Issues Releases Activity

improvement(kubernetes): right align tags in datatables R8S-250 (#601)

Browse source 
Co-authored-by: testA113 <aliharriss1995@gmail.com>
This commit is contained in:
James Player 2025-04-03 14:18:31 +13:00 • committed by GitHub
parent 3800249921
commit f6f07f4690
23 changed files with 68 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

7
app/react/kubernetes/cluster/HomeView/NodesDatatable/columns/name.tsx
View file

@ -34,8 +34,11 @@ function NameCell({
{nodeName}
</Link>
</Authorized>
{node.isApi && <Badge type="info">api</Badge>}
{node.isPublishedNode && <Badge type="success">environment IP</Badge>}
<div className="ml-auto flex gap-2">
{node.isApi && <Badge type="info">api</Badge>}
{node.isPublishedNode && <Badge type="success">environment IP</Badge>}
</div>
</div>
);
}

10
app/react/kubernetes/cluster/NodeView/NodeApplicationsDatatable/columns.name.tsx
View file

@ -2,11 +2,11 @@ import { CellContext } from '@tanstack/react-table';
import { isExternalApplication } from '@/react/kubernetes/applications/utils';
import { useIsSystemNamespace } from '@/react/kubernetes/namespaces/queries/useIsSystemNamespace';
import { ExternalBadge } from '@/react/kubernetes/components/ExternalBadge';
import { SystemBadge } from '@/react/kubernetes/components/SystemBadge';
import { Application } from '@/react/kubernetes/applications/ListView/ApplicationsDatatable/types';
import { Link } from '@@/Link';
import { SystemBadge } from '@@/Badge/SystemBadge';
import { ExternalBadge } from '@@/Badge/ExternalBadge';
import { helper } from './columns.helper';
@ -28,9 +28,11 @@ function Cell({ row: { original: item } }: CellContext<Application, string>) {
</Link>
{isSystem ? (
<SystemBadge />
<SystemBadge className="ml-auto" />
) : (
isExternalApplication({ metadata: item.Metadata }) && <ExternalBadge />
isExternalApplication({ metadata: item.Metadata }) && (
<ExternalBadge className="ml-auto" />
)
)}
</div>
);

4
app/react/kubernetes/cluster/ingressClass/IngressClassDatatable/columns/name.tsx
View file

@ -19,9 +19,9 @@ function NameCell({
const className = getValue();
return (
<span className="flex flex-nowrap">
<span className="flex gap-2 flex-nowrap">
{className}
{row.original.New && <Badge className="ml-1">Newly detected</Badge>}
{row.original.New && <Badge className="ml-auto">Newly detected</Badge>}
</span>
);
}