ico
/
pingql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: ping modal too small

This commit is contained in:
nate 2026-03-24 17:04:35 +04:00
parent 59c3c4b724
commit ecb876c964
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/src/views/detail.ejs
View File

@ -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>';
}