From 6174b2af434748aa6e20aabe204be4baeea597a2 Mon Sep 17 00:00:00 2001
From: Fam Zheng <fam@euphon.net>
Date: Wed, 26 Nov 2025 22:07:49 +0000
Subject: [PATCH] Make scan log scrollable with max height 500px in detail
 modal

---
 web/src/components/generic-detail-modal.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/src/components/generic-detail-modal.vue b/web/src/components/generic-detail-modal.vue
index e43d708..dce1adf 100644
--- a/web/src/components/generic-detail-modal.vue
+++ b/web/src/components/generic-detail-modal.vue
@@ -13,7 +13,7 @@
             {{ f.metadata.verbose_name }}
           </td>
           <td>
-            <div class="val" v-html="display_field(cur_obj[f.name], f)"></div>
+            <div class="val" :class="{ 'client-log': f.name === 'client_log' }" v-html="display_field(cur_obj[f.name], f)"></div>
           </td>
         </tr>
       </tbody>
@@ -62,6 +62,10 @@ div.val pre {
   padding: 1rem;
   white-space: pre-wrap;
 }
+div.val.client-log pre {
+  max-height: 500px;
+  overflow-y: auto;
+}
 td.field-name {
   min-width: 6rem;
 }