From 4fcdc0a893445836840158ebcd7549f08a432162 Mon Sep 17 00:00:00 2001
From: Gou Zhuang <gouzhuang@synwing.com>
Date: Sun, 24 Sep 2023 20:26:13 +0800
Subject: [PATCH] correctly display value with new lines

---
 src/main/resources/webapp/css/zkacd.css          | 6 ++++++
 src/main/resources/webapp/template/home.ftl.html | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/main/resources/webapp/css/zkacd.css b/src/main/resources/webapp/css/zkacd.css
index 6175ee3..77af8c7 100644
--- a/src/main/resources/webapp/css/zkacd.css
+++ b/src/main/resources/webapp/css/zkacd.css
@@ -69,3 +69,9 @@ table td { word-wrap: break-word; }
 code {
     font-size: 80%;
 }
+
+.mono-pre-wrap {
+    font-family: monospace;
+    word-break: break-word;
+    white-space: pre-wrap;
+}
diff --git a/src/main/resources/webapp/template/home.ftl.html b/src/main/resources/webapp/template/home.ftl.html
index 5af7fbe..8042a7a 100644
--- a/src/main/resources/webapp/template/home.ftl.html
+++ b/src/main/resources/webapp/template/home.ftl.html
@@ -92,7 +92,7 @@
                             <#else>
                             <td>
                                 <#if leaf.value??>
-                                ${leaf.strValue?html}
+                                <span class="mono-pre-wrap">${leaf.strValue?html}</span>
                                 </#if>
                             </td>
                             </#if>