fix: Truncate long release names in releases table

ctrlplanedev · Nov 1, 2024 · a027d4d · a027d4d
1 parent 118f800
commit a027d4d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/...lug]/systems/[systemSlug]/deployments/[deploymentSlug]/releases/DeploymentPageContent.tsx b/...lug]/systems/[systemSlug]/deployments/[deploymentSlug]/releases/DeploymentPageContent.tsx
@@ -177,10 +177,10 @@ export const DeploymentPageContent: React.FC<DeploymentPageContentProps> = ({
                       )}
                     >
                       <div className="flex items-center gap-2">
-                        {release.name}{" "}
+                        <span className="truncate">{release.name}</span>{" "}
                         <Badge
                           variant="secondary"
-                          className="text-xs hover:bg-secondary"
+                          className="flex-shrink-0 text-xs hover:bg-secondary"
                         >
                           {formatDistanceToNowStrict(release.createdAt, {
                             addSuffix: true,