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

fix(docker): remove word break in details [EE-4481] (#7996)

Browse source
This commit is contained in:
Chaim Lev-Ari 2022-11-22 15:00:55 +02:00 • committed by GitHub
parent fe8e834dbf
commit d484a0eb64
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 178 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

22
app/react/components/DetailsTable/DetailsRow.tsx
View file

@ -1,15 +1,29 @@
import clsx from 'clsx';
import { ReactNode } from 'react';
interface Props {
children?: ReactNode;
label: string;
colClassName?: string;
className?: string;
}
export function DetailsRow({ label, children }: Props) {
export function DetailsRow({
label,
children,
colClassName,
className,
}: Props) {
return (
<tr>
<td>{label}</td>
{children && <td data-cy={`detailsTable-${label}Value`}>{children}</td>}
<tr className={className}>
<td className={clsx(colClassName, '!break-normal min-w-[150px]')}>
{label}
</td>
{children && (
<td className={colClassName} data-cy={`detailsTable-${label}Value`}>
{children}
</td>
)}
</tr>
);
}