header

vercel · Jan 10, 2025 · 00a0d28 · 00a0d28
1 parent aabe40a
commit 00a0d28
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/...nternal/components/Errors/error-overlay-floating-header/error-overlay-floating-header.tsx b/...nternal/components/Errors/error-overlay-floating-header/error-overlay-floating-header.tsx
@@ -38,9 +38,9 @@ export const styles = css`
     align-items: center;
 
     width: 100%;
-    margin-right: auto;
-    margin-left: auto;
-    margin-bottom: var(--size-2);
+    position: absolute;
+    transform: translateY(-32px);
+
     outline: none;
 
     @media (min-width: 576px) {

diff --git a/...ay/_experimental/internal/components/Errors/error-overlay-layout/error-overlay-layout.tsx b/...ay/_experimental/internal/components/Errors/error-overlay-layout/error-overlay-layout.tsx
@@ -66,18 +66,18 @@ export function ErrorOverlayLayout({
 }: ErrorOverlayLayoutProps) {
   return (
     <Overlay fixed={isBuildError}>
-      <ErrorOverlayFloatingHeader
-        readyErrors={readyErrors}
-        activeIdx={activeIdx}
-        setActiveIndex={setActiveIndex}
-        versionInfo={versionInfo}
-      />
       <Dialog
         type="error"
         aria-labelledby="nextjs__container_errors_label"
         aria-describedby="nextjs__container_errors_desc"
         onClose={onClose}
       >
+        <ErrorOverlayFloatingHeader
+          readyErrors={readyErrors}
+          activeIdx={activeIdx}
+          setActiveIndex={setActiveIndex}
+          versionInfo={versionInfo}
+        />
         <DialogContent>
           <DialogHeader className="nextjs-container-errors-header">
             <div