File size: 1,202 Bytes
b91e262 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 | import { DialogHeader } from '../../dialog/dialog-header'
type ErrorOverlayDialogHeaderProps = {
children?: React.ReactNode
}
export function ErrorOverlayDialogHeader({
children,
}: ErrorOverlayDialogHeaderProps) {
return (
<DialogHeader className="nextjs-container-errors-header">
{children}
</DialogHeader>
)
}
export const DIALOG_HEADER_STYLES = `
.nextjs-container-errors-header {
position: relative;
}
.nextjs-container-errors-header > h1 {
font-size: var(--size-20);
line-height: var(--size-24);
font-weight: bold;
margin: calc(16px * 1.5) 0;
color: var(--color-title-h1);
}
.nextjs-container-errors-header small {
font-size: var(--size-14);
color: var(--color-accents-1);
margin-left: 16px;
}
.nextjs-container-errors-header small > span {
font-family: var(--font-stack-monospace);
}
.nextjs-container-errors-header > div > small {
margin: 0;
margin-top: 4px;
}
.nextjs-container-errors-header > p > a {
color: inherit;
font-weight: bold;
}
.nextjs-container-errors-header
> .nextjs-container-build-error-version-status {
position: absolute;
top: 16px;
right: 16px;
}
`
|