From b9ac439178547db27096688df4fdaf168b4edd74 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Sun, 9 Mar 2025 15:14:47 +0800
Subject: [PATCH] fix(header): improve layout and adjust z-index for settings
 button

---
 src/features/playground/header.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/features/playground/header.tsx b/src/features/playground/header.tsx
index 77b8996..2926352 100644
--- a/src/features/playground/header.tsx
+++ b/src/features/playground/header.tsx
@@ -29,14 +29,14 @@ export function PlaygroundHeader({
         <div className="w-full flex justify-between">
           <div className="w-full flex items-center justify-between">
             <div className="flex items-center"></div>
-            <div className="relative flex items-center gap-2">
+            <div className="relative z-10 flex items-center gap-2">
               <SettingsButton onClick={toggleDialog} />
             </div>
           </div>
         </div>
       </nav>
-      <div className="z-10 absolute left-1/2 top-0 h-full -translate-x-1/2 py-2">
-        <div className="relative flex">
+      <div className="absolute left-0 right-0 top-0 h-full mx-auto py-2">
+        <div className="relative flex justify-center">
           <div className="relative flex overflow-hidden rounded">
             <RunCode />
           </div>