From ecb876c96416d52d588c95428364d66bb98ac811 Mon Sep 17 00:00:00 2001
From: nate <nate@forehead-gate.com>
Date: Tue, 24 Mar 2026 17:04:35 +0400
Subject: [PATCH] fix: ping modal too small

---
 apps/web/src/views/detail.ejs | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/views/detail.ejs b/apps/web/src/views/detail.ejs
index 9f352ef..4fceb3f 100644
--- a/apps/web/src/views/detail.ejs
+++ b/apps/web/src/views/detail.ejs
@@ -149,12 +149,12 @@
       <!-- Ping detail modal -->
       <div id="ping-modal" class="fixed inset-0 z-50 hidden">
         <div class="absolute inset-0 bg-black/60 backdrop-blur-sm" onclick="closePingModal()"></div>
-        <div class="absolute inset-4 sm:inset-auto sm:top-1/2 sm:left-1/2 sm:-translate-x-1/2 sm:-translate-y-1/2 sm:w-full sm:max-w-lg sm:max-h-[80vh] card-static overflow-y-auto">
+        <div class="absolute inset-4 sm:inset-auto sm:top-1/2 sm:left-1/2 sm:-translate-x-1/2 sm:-translate-y-1/2 sm:w-full sm:max-w-3xl sm:max-h-[85vh] card-static overflow-y-auto">
           <div class="sticky top-0 bg-surface-solid flex items-center justify-between px-5 py-3 border-b divider">
             <h3 class="text-sm font-medium text-gray-200">Ping Details</h3>
             <button onclick="closePingModal()" class="text-gray-500 hover:text-gray-300 text-lg leading-none">&times;</button>
           </div>
-          <div id="ping-modal-body" class="p-5 text-sm"></div>
+          <div id="ping-modal-body" class="p-6 text-sm"></div>
         </div>
       </div>
 
@@ -216,7 +216,7 @@
       if (headerKeys.length > 0) {
         html += '<div>';
         html += '<div class="text-xs text-gray-500 mb-1">Response Headers</div>';
-        html += '<div class="bg-gray-800/50 border border-border-subtle rounded-lg px-3 py-2 text-xs font-mono max-h-48 overflow-y-auto">';
+        html += '<div class="bg-gray-800/50 border border-border-subtle rounded-lg px-3 py-2 text-xs font-mono max-h-64 overflow-y-auto">';
         for (const [k, v] of Object.entries(headers)) {
           html += `<div class="flex gap-2"><span class="text-blue-400 shrink-0">${escapeHtml(k)}:</span><span class="text-gray-300 break-all">${escapeHtml(String(v))}</span></div>`;
         }
@@ -227,7 +227,7 @@
       if (bodyPreview) {
         html += '<div>';
         html += '<div class="text-xs text-gray-500 mb-1">Response Body <span class="text-gray-600">(first 500 chars)</span></div>';
-        html += `<pre class="bg-gray-800/50 border border-border-subtle rounded-lg px-3 py-2 text-xs font-mono text-gray-300 whitespace-pre-wrap break-all max-h-64 overflow-y-auto">${escapeHtml(bodyPreview)}</pre>`;
+        html += `<pre class="bg-gray-800/50 border border-border-subtle rounded-lg px-3 py-2 text-xs font-mono text-gray-300 whitespace-pre-wrap break-all max-h-80 overflow-y-auto">${escapeHtml(bodyPreview)}</pre>`;
         html += '</div>';
       }