diff --git a/app/react/docker/images/ItemView/DockerfileDetails.tsx b/app/react/docker/images/ItemView/DockerfileDetails.tsx index 00c60e65e..25004ae47 100644 --- a/app/react/docker/images/ItemView/DockerfileDetails.tsx +++ b/app/react/docker/images/ItemView/DockerfileDetails.tsx @@ -20,64 +20,60 @@ interface Props { export function DockerfileDetails({ image }: Props) { return ( -
-
- - - - - {joinCommand(image.Command)} - + + + + + {joinCommand(image.Command)} + - {image.Entrypoint && ( - - {joinCommand(image.Entrypoint)} - - )} + {image.Entrypoint && ( + + {joinCommand(image.Entrypoint)} + + )} - {image.ExposedPorts.length > 0 && ( - - {image.ExposedPorts.map((port, index) => ( - - {port} - - ))} - - )} + {image.ExposedPorts.length > 0 && ( + + {image.ExposedPorts.map((port, index) => ( + + {port} + + ))} + + )} - {image.Volumes.length > 0 && ( - -
- {image.Volumes.map((volume, index) => ( - - {volume} - - ))} -
-
- )} + {image.Volumes.length > 0 && ( + +
+ {image.Volumes.map((volume, index) => ( + + {volume} + + ))} +
+
+ )} - {image.Env.length > 0 && ( - - - - {image.Env.map((variable) => ( - - - - - ))} - -
{getPairKey(variable, '=')}{getPairValue(variable, '=')}
-
- )} -
-
-
-
+ {image.Env.length > 0 && ( + + + + {image.Env.map((variable) => ( + + + + + ))} + +
{getPairKey(variable, '=')}{getPairValue(variable, '=')}
+
+ )} + + ); }