From a4b3d0ddeea6644f593a37c27f24b0161e94e2ab Mon Sep 17 00:00:00 2001
From: 134 <a134@134deMacBook-Pro.local>
Date: Wed, 21 Oct 2026 08:59:59 +0800
Subject: [PATCH] fix(canvas): collapse image parameter captions before they
 truncate

---
 app/globals.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/globals.css b/app/globals.css
index 33c4c58e1..470c1d640 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -636,6 +636,8 @@
 .lovart-canvas-surface [data-lovart-chat="true"] [data-canvas-responsive-composer="true"] .lovart-composer-footer > div:first-child { flex: 0 0 auto; overflow: visible; padding-right: 0; }
 .lovart-canvas-surface [data-lovart-chat="true"] [data-canvas-responsive-composer="true"] .lovart-composer-footer > div:last-child { flex: 0 1 auto; min-width: 0; }
 .lovart-canvas-surface [data-lovart-chat="true"] [data-canvas-responsive-composer="true"] .lovart-composer-mode-selector { width: auto; max-width: none; }
+.lovart-canvas-surface [data-lovart-chat="true"] [data-canvas-responsive-composer="true"] .lovart-image-params { width: auto; min-width: 0; }
+.lovart-canvas-surface [data-lovart-chat="true"] [data-canvas-responsive-composer="true"] .lovart-image-params-label { overflow: visible; text-overflow: clip; white-space: nowrap; }
 .lovart-image-params-icon { display: none; }
 @container canvas-composer (max-width: 480px) {
   .lovart-canvas-surface [data-lovart-chat="true"] [data-canvas-responsive-composer="true"] .lovart-composer-mode-selector { width: 32px; min-width: 32px; padding: 0; }
@@ -649,7 +651,7 @@
   .lovart-model-selector > [data-reference-icon="chevron-down"] { display: none; }
   .lovart-canvas-surface [data-lovart-chat="true"] .lovart-model-selector > [data-reference-icon]:first-child { margin-right: 0; }
 }
-@container canvas-composer (max-width: 280px) {
+@container canvas-composer (max-width: 480px) {
   .lovart-canvas-surface [data-lovart-chat="true"] [data-canvas-responsive-composer="true"] .lovart-image-params { width: 32px; min-width: 32px; padding: 0; justify-content: center; }
   .lovart-image-params .lovart-image-params-icon { display: block; }
   .lovart-image-params .lovart-image-params-label,