From 3d733a3b809eebd3a3fe237bd3862cde73312229 Mon Sep 17 00:00:00 2001
From: Jason <farion1231@gmail.com>
Date: Thu, 22 Jan 2026 23:55:19 +0800
Subject: [PATCH] fix(ui): unify layout padding across all panels

Remove max-width constraints and standardize padding to px-6 for consistent full-width layout across header and all content panels.
---
 src/App.tsx                                  | 2 +-
 src/components/agents/AgentsPanel.tsx        | 2 +-
 src/components/mcp/UnifiedMcpPanel.tsx       | 2 +-
 src/components/prompts/PromptPanel.tsx       | 2 +-
 src/components/skills/UnifiedSkillsPanel.tsx | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 498b29568..789adf68a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -696,7 +696,7 @@ function App() {
         }
       >
         <div
-          className="mx-auto flex h-full max-w-[56rem] items-center justify-between gap-2 px-4"
+          className="flex h-full items-center justify-between gap-2 px-6"
           data-tauri-drag-region
           style={{ WebkitAppRegion: "drag" } as any}
         >
diff --git a/src/components/agents/AgentsPanel.tsx b/src/components/agents/AgentsPanel.tsx
index 7f53f40f9..8cf4e41ae 100644
--- a/src/components/agents/AgentsPanel.tsx
+++ b/src/components/agents/AgentsPanel.tsx
@@ -6,7 +6,7 @@ interface AgentsPanelProps {
 
 export function AgentsPanel({}: AgentsPanelProps) {
   return (
-    <div className="mx-auto max-w-5xl flex flex-col h-[calc(100vh-8rem)]">
+    <div className="px-6 flex flex-col h-[calc(100vh-8rem)]">
       <div className="flex-1 glass-card rounded-xl p-8 flex flex-col items-center justify-center text-center space-y-4">
         <div className="w-20 h-20 rounded-full bg-white/5 flex items-center justify-center mb-4 animate-pulse-slow">
           <Bot className="w-10 h-10 text-muted-foreground" />
diff --git a/src/components/mcp/UnifiedMcpPanel.tsx b/src/components/mcp/UnifiedMcpPanel.tsx
index ba2939164..19bf6e292 100644
--- a/src/components/mcp/UnifiedMcpPanel.tsx
+++ b/src/components/mcp/UnifiedMcpPanel.tsx
@@ -142,7 +142,7 @@ const UnifiedMcpPanel = React.forwardRef<
   };
 
   return (
-    <div className="px-4 max-w-[56rem] mx-auto flex flex-col h-[calc(100vh-8rem)] overflow-hidden">
+    <div className="px-6 flex flex-col h-[calc(100vh-8rem)] overflow-hidden">
       {/* Info Section */}
       <div className="flex-shrink-0 py-4 glass rounded-xl border border-white/10 mb-4 px-6">
         <div className="text-sm text-muted-foreground">
diff --git a/src/components/prompts/PromptPanel.tsx b/src/components/prompts/PromptPanel.tsx
index d05f97390..aaaf67316 100644
--- a/src/components/prompts/PromptPanel.tsx
+++ b/src/components/prompts/PromptPanel.tsx
@@ -96,7 +96,7 @@ const PromptPanel = React.forwardRef<PromptPanelHandle, PromptPanelProps>(
     const enabledPrompt = promptEntries.find(([_, p]) => p.enabled);
 
     return (
-      <div className="flex flex-col h-[calc(100vh-8rem)] px-4 max-w-[56rem] mx-auto">
+      <div className="flex flex-col h-[calc(100vh-8rem)] px-6">
         <div className="flex-shrink-0 py-4 glass rounded-xl border border-white/10 mb-4 px-6">
           <div className="text-sm text-muted-foreground">
             {t("prompts.count", { count: promptEntries.length })} ·{" "}
diff --git a/src/components/skills/UnifiedSkillsPanel.tsx b/src/components/skills/UnifiedSkillsPanel.tsx
index 18dd8f388..5c6e6e79e 100644
--- a/src/components/skills/UnifiedSkillsPanel.tsx
+++ b/src/components/skills/UnifiedSkillsPanel.tsx
@@ -133,7 +133,7 @@ const UnifiedSkillsPanel = React.forwardRef<
   }));
 
   return (
-    <div className="px-4 max-w-[56rem] mx-auto flex flex-col h-[calc(100vh-8rem)] overflow-hidden">
+    <div className="px-6 flex flex-col h-[calc(100vh-8rem)] overflow-hidden">
       {/* Info Section */}
       <div className="flex-shrink-0 py-4 glass rounded-xl border border-white/10 mb-4 px-6">
         <div className="text-sm text-muted-foreground">