infrastructure/caddy-opnsense-blocker
2
Fork 0
Code Issues Activity

Fix requests log column sizing

Browse Source
This commit is contained in:
Codex, agent ChatGPT
2026-03-12 18:07:30 +01:00
parent daacb1a771
commit 5173701ab2
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
internal/web/handler.go
View File

@@ -909,13 +909,13 @@ const queryLogHTML = `<!doctype html>
.toolbar { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: .75rem; flex-wrap: wrap; } .toolbar { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: .75rem; flex-wrap: wrap; }
.toolbar-actions { display: flex; align-items: center; gap: .65rem; flex-wrap: wrap; } .toolbar-actions { display: flex; align-items: center; gap: .65rem; flex-wrap: wrap; }
.page-status { color: #cbd5e1; font-size: .92rem; } .page-status { color: #cbd5e1; font-size: .92rem; }
.table-shell { overflow: hidden; } .table-shell { overflow-x: auto; overflow-y: hidden; }
table { width: 100%; border-collapse: collapse; table-layout: fixed; } table { width: 100%; border-collapse: collapse; table-layout: auto; }
th, td { padding: .6rem .65rem; border-bottom: 1px solid #1e293b; text-align: left; vertical-align: top; } th, td { padding: .6rem .65rem; border-bottom: 1px solid #1e293b; text-align: left; vertical-align: top; }
thead th { color: #93c5fd; } thead th { color: #93c5fd; }
tbody tr:nth-child(even) { background: rgba(15, 23, 42, .55); } tbody tr:nth-child(even) { background: rgba(15, 23, 42, .55); }
th.tight, td.tight { white-space: nowrap; width: 1%; } th.tight, td.tight { white-space: nowrap; width: 1%; }
th.request-col, td.request-cell { width: auto; } th.request-col, td.request-cell { width: 100%; min-width: 18rem; }
td.request-cell { overflow: hidden; } td.request-cell { overflow: hidden; }
.request-text { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .request-text { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.status { display: inline-block; padding: .15rem .45rem; border-radius: 999px; font-size: .8rem; background: #1e293b; } .status { display: inline-block; padding: .15rem .45rem; border-radius: 999px; font-size: .8rem; background: #1e293b; }
@@ -928,8 +928,9 @@ const queryLogHTML = `<!doctype html>
.method.post { background: #78350f; color: #fef3c7; } .method.post { background: #78350f; color: #fef3c7; }
.method.head { background: #0c4a6e; color: #e0f2fe; } .method.head { background: #0c4a6e; color: #e0f2fe; }
.method.other { background: #334155; color: #e2e8f0; } .method.other { background: #334155; color: #e2e8f0; }
.actions { display: flex; gap: .35rem; flex-wrap: wrap; } .actions { display: flex; gap: .35rem; flex-wrap: nowrap; white-space: nowrap; }
.action-link, button { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; border-radius: .45rem; padding: .3rem .6rem; font-size: .9rem; } .action-link, button { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; border-radius: .45rem; padding: .3rem .6rem; font-size: .9rem; }
.action-link, button { white-space: nowrap; }
.action-link { background: #1e293b; color: #e2e8f0; text-decoration: none; } .action-link { background: #1e293b; color: #e2e8f0; text-decoration: none; }
button { background: #2563eb; color: white; border: 0; cursor: pointer; } button { background: #2563eb; color: white; border: 0; cursor: pointer; }
button.secondary { background: #475569; } button.secondary { background: #475569; }
@@ -960,7 +961,6 @@ const queryLogHTML = `<!doctype html>
header { padding: .9rem 1rem; } header { padding: .9rem 1rem; }
main { padding: 1rem; } main { padding: 1rem; }
.panel { padding: .85rem; } .panel { padding: .85rem; }
.table-shell { overflow-x: auto; }
table { min-width: 900px; } table { min-width: 900px; }
} }
</style> </style>