From 70022cdef9dd2a7f4424758392ff4bd13b540308 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=89mile=20R=C3=A9?= <nemile.re@gmail.com>
Date: Fri, 28 Mar 2025 12:38:26 +0400
Subject: [PATCH] Add full width organization layout mode on framework sub
 routes
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Émile Ré <nemile.re@gmail.com>
---
 .../pages/organizations/OrganizationLayout.tsx   | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/apps/console/src/pages/organizations/OrganizationLayout.tsx b/apps/console/src/pages/organizations/OrganizationLayout.tsx
index f755aec91..4ba5f4d94 100644
--- a/apps/console/src/pages/organizations/OrganizationLayout.tsx
+++ b/apps/console/src/pages/organizations/OrganizationLayout.tsx
@@ -1,18 +1,30 @@
-import { Outlet } from "react-router";
+import { Outlet, useMatch } from "react-router";
 import { AppSidebar } from "@/components/AppSidebar";
 import { Suspense } from "react";
 import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
 import { Toaster } from "@/components/ui/toaster";
 import { BreadCrumb } from "./OrganizationBreadcrumb";
+import { cn } from "@/lib/utils";
 
 export default function OrganizationLayout() {
+  const match = useMatch(
+    "organizations/:organizationId/frameworks/:frameworkId"
+  );
+
   return (
     <SidebarProvider>
       <Suspense>
         <AppSidebar className="p-4" />
       </Suspense>
       <SidebarInset>
-        <div className="mx-auto w-lg md:w-xl lg:w-3xl xl:w-4xl 2xl:w-5xl p-8">
+        <div
+          className={cn(
+            "p-8",
+            match
+              ? "w-full"
+              : "mx-auto w-lg md:w-xl lg:w-3xl xl:w-4xl 2xl:w-5xl"
+          )}
+        >
           <header className="flex shrink-0 items-center gap-2">
             <BreadCrumb />
           </header>