github/cc-switch
1
0
Fork 0
mirror of https://github.com/farion1231/cc-switch.git synced 2026-05-11 14:21:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): unify layout padding across all panels

Browse Source 
Remove max-width constraints and standardize padding to px-6 for consistent full-width layout across header and all content panels.
This commit is contained in:
Jason
2026-01-22 23:55:19 +08:00
parent cfb113ac8d
commit 3d733a3b80
5 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.tsx
+1 -1
View File
@@ -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}
>
src/components/agents/AgentsPanel.tsx
+1 -1
View File
@@ -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" />
src/components/mcp/UnifiedMcpPanel.tsx
+1 -1
View File
@@ -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">
src/components/prompts/PromptPanel.tsx
+1 -1
View File
@@ -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 })} ·{" "}
src/components/skills/UnifiedSkillsPanel.tsx
+1 -1
View File
@@ -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">