fix: prevent refresh button from overlapping close button in Dev Server dialog (#610)

* fix: prevent refresh button from overlapping close button in Dev Server dialog

Use compact mode for DialogContent and add right padding to the header
to ensure the refresh button doesn't overlap with the dialog close button.

Fixes #579

* fix: restore p-0 to prevent unwanted padding from compact mode
This commit is contained in:
Stefan de Vogelaere
2026-01-19 22:58:47 +01:00
committed by GitHub
parent ea3930cf3d
commit 0d9259473e

View File

@@ -134,9 +134,10 @@ export function DevServerLogsPanel({
<DialogContent
className="w-[70vw] max-w-[900px] max-h-[85vh] flex flex-col gap-0 p-0 overflow-hidden"
data-testid="dev-server-logs-panel"
compact
>
{/* Compact Header */}
<DialogHeader className="shrink-0 px-4 py-3 border-b border-border/50">
<DialogHeader className="shrink-0 px-4 py-2.5 pr-10 border-b border-border/50">
<div className="flex items-center justify-between">
<DialogTitle className="flex items-center gap-2 text-base">
<Terminal className="w-4 h-4 text-primary" />