From b83b1d513fc58619d66ebe179c61b3fbfd0f4235 Mon Sep 17 00:00:00 2001 From: devjiwonchoi Date: Fri, 10 Jan 2025 17:43:34 +0900 Subject: [PATCH] use px, translate -42 --- .../error-overlay-floating-header.tsx | 2 +- .../error-overlay-pagination/error-overlay-pagination.tsx | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/error-overlay-floating-header/error-overlay-floating-header.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/error-overlay-floating-header/error-overlay-floating-header.tsx index cbd4a754405ea..99074949000f3 100644 --- a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/error-overlay-floating-header/error-overlay-floating-header.tsx +++ b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/error-overlay-floating-header/error-overlay-floating-header.tsx @@ -39,7 +39,7 @@ export const styles = css` width: 100%; position: absolute; - transform: translateY(-32px); + transform: translateY(-42px); outline: none; diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/error-overlay-pagination/error-overlay-pagination.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/error-overlay-pagination/error-overlay-pagination.tsx index 80d6831593c6c..0349b9c0f26e0 100644 --- a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/error-overlay-pagination/error-overlay-pagination.tsx +++ b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/error-overlay-pagination/error-overlay-pagination.tsx @@ -166,8 +166,8 @@ export const styles = css` justify-content: center; align-items: center; - padding: var(--size-1); - gap: var(--size-2); + padding: 4px; + gap: 8px; background: var(--color-background-100); box-shadow: var(--shadow-sm); @@ -180,7 +180,7 @@ export const styles = css` text-align: center; font-size: var(--size-font-small); font-weight: 500; - line-height: var(--size-4); + line-height: 16px; } .error-overlay-pagination-button { @@ -188,7 +188,7 @@ export const styles = css` justify-content: center; align-items: center; - padding: var(--size-1); + padding: 4px; background: var(--color-gray-300); border: none;