From 18e587e4fc6f78c6058e720fee03616abba2e2b8 Mon Sep 17 00:00:00 2001
From: unsync <1211591+unsync@users.noreply.github.com>
Date: Tue, 11 Feb 2025 09:00:09 +0100
Subject: [PATCH] feature: allow docker image text to overflow in table (#301)

* feature: allow docker image text to overflow in table

* review: use break-words

* wip: revert line break in css file

* feature: update devcontainer node release
---
 .devcontainer/devcontainer.json  | 2 +-
 frontend/src/components/util.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
index d2446671e..93d2f6718 100644
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@@ -10,7 +10,7 @@
 	// Features to add to the dev container. More info: https://containers.dev/features.
 	"features": {
 		"ghcr.io/devcontainers/features/node:1": {
-			"version": "18.18.0"
+			"version": "20.12.2"
 		},
 		"ghcr.io/devcontainers-community/features/deno:1": {
 
diff --git a/frontend/src/components/util.tsx b/frontend/src/components/util.tsx
index 2a5aaf90b..bd1f2ebcc 100644
--- a/frontend/src/components/util.tsx
+++ b/frontend/src/components/util.tsx
@@ -677,7 +677,7 @@ export const DockerResourceLink = ({
       <Icon server_id={server_id} name={type === "image" ? id : name} />
       <div
         title={name}
-        className="max-w-[200px] lg:max-w-[250px] overflow-hidden overflow-ellipsis"
+        className="max-w-[250px] lg:max-w-[300px] overflow-hidden overflow-ellipsis break-words"
       >
         {name}
       </div>