Fix HeadersEditor padding when no inherited headers

This commit is contained in:
Gregory Schier
2026-01-13 09:24:48 -08:00
parent b5753da3b7
commit eead422ada
+9 -4
View File
@@ -33,9 +33,16 @@ export function HeadersEditor({
}: Props) { }: Props) {
const validInheritedHeaders = const validInheritedHeaders =
inheritedHeaders?.filter((pair) => pair.enabled && (pair.name || pair.value)) ?? []; inheritedHeaders?.filter((pair) => pair.enabled && (pair.name || pair.value)) ?? [];
const hasInheritedHeaders = validInheritedHeaders.length > 0;
return ( return (
<div className="@container w-full h-full grid grid-rows-[auto_minmax(0,1fr)] gap-y-1.5"> <div
{validInheritedHeaders.length > 0 ? ( className={
hasInheritedHeaders
? '@container w-full h-full grid grid-rows-[auto_minmax(0,1fr)] gap-y-1.5'
: '@container w-full h-full'
}
>
{hasInheritedHeaders && (
<DetailsBanner <DetailsBanner
color="secondary" color="secondary"
className="text-sm" className="text-sm"
@@ -63,8 +70,6 @@ export function HeadersEditor({
))} ))}
</div> </div>
</DetailsBanner> </DetailsBanner>
) : (
<span />
)} )}
<PairOrBulkEditor <PairOrBulkEditor
forceUpdateKey={forceUpdateKey} forceUpdateKey={forceUpdateKey}