Fix logs pane overflow by moving background/padding to wrapper

Move bg-gray-900, rounded-lg, and p-4 from the pre element to the
wrapper div. This matches the working structure in app_detail.html
and allows overflow-auto to work correctly.
This commit is contained in:
Jeffrey Paul 2026-01-01 06:40:31 -08:00
parent 2b63219f66
commit c01bfcc9a9

View File

@ -76,8 +76,8 @@
</svg>
View Logs
</summary>
<div class="logs-wrapper mt-3 overflow-auto" style="max-height: 400px;">
<pre class="logs-content p-4 bg-gray-900 text-gray-100 rounded-lg text-xs font-mono leading-relaxed whitespace-pre-wrap">{{if .Logs.Valid}}{{.Logs.String}}{{else}}Loading...{{end}}</pre>
<div class="logs-wrapper mt-3 bg-gray-900 rounded-lg p-4 overflow-auto" style="max-height: 400px;">
<pre class="logs-content text-gray-100 text-xs font-mono leading-relaxed whitespace-pre-wrap">{{if .Logs.Valid}}{{.Logs.String}}{{else}}Loading...{{end}}</pre>
</div>
</details>
{{if or (eq .Status "success") (eq .Status "failed")}}