From 3826f40048b61d07674ce6bd0a79b889fb1dbae6 Mon Sep 17 00:00:00 2001
From: david <darranz@rodax-software.com>
Date: Wed, 1 Apr 2026 18:01:35 +0200
Subject: [PATCH] Colores de fondo en layout

---
 .../customers/src/web/list/ui/pages/list-customers-page.tsx  | 2 +-
 packages/rdx-ui/src/components/layout/app-content.tsx        | 5 +----
 packages/rdx-ui/src/components/layout/app-layout.tsx         | 5 +++--
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/modules/customers/src/web/list/ui/pages/list-customers-page.tsx b/modules/customers/src/web/list/ui/pages/list-customers-page.tsx
index 4e87d224..00804db8 100644
--- a/modules/customers/src/web/list/ui/pages/list-customers-page.tsx
+++ b/modules/customers/src/web/list/ui/pages/list-customers-page.tsx
@@ -82,7 +82,7 @@ export const ListCustomersPage = () => {
         />
       </AppHeader>
 
-      <AppContent className="min-h-0">
+      <AppContent>
         {isPanelOpen ? (
           <ResizablePanelGroup
             autoSave="list-customers-page"
diff --git a/packages/rdx-ui/src/components/layout/app-content.tsx b/packages/rdx-ui/src/components/layout/app-content.tsx
index c78abd1a..e6e3b55c 100644
--- a/packages/rdx-ui/src/components/layout/app-content.tsx
+++ b/packages/rdx-ui/src/components/layout/app-content.tsx
@@ -8,10 +8,7 @@ export const AppContent = ({
 }: PropsWithChildren<{ className?: string }>) => {
   return (
     <div
-      className={cn(
-        "app-content flex flex-1 flex-col gap-4 p-4 pt-6 min-h-screen bg-muted/20",
-        className
-      )}
+      className={cn("app-content flex flex-1 flex-col gap-4 p-4 pt-6 min-h-screen", className)}
       {...props}
     >
       {children}
diff --git a/packages/rdx-ui/src/components/layout/app-layout.tsx b/packages/rdx-ui/src/components/layout/app-layout.tsx
index 52996a42..970f3463 100644
--- a/packages/rdx-ui/src/components/layout/app-layout.tsx
+++ b/packages/rdx-ui/src/components/layout/app-layout.tsx
@@ -6,6 +6,7 @@ import { AppSidebar } from "./app-sidebar.tsx";
 export const AppLayout = () => {
   return (
     <SidebarProvider
+      className="bg-amber-500"
       style={
         {
           "--sidebar-width": "calc(var(--spacing) * 72)",
@@ -13,9 +14,9 @@ export const AppLayout = () => {
         } as React.CSSProperties
       }
     >
-      <AppSidebar variant="inset" />
+      <AppSidebar className="bg-sidebar" variant="inset" />
       {/* Aquí está el MAIN */}
-      <SidebarInset className="app-main">
+      <SidebarInset className="app-main bg-muted">
         <Outlet />
       </SidebarInset>
     </SidebarProvider>