From 7a84bd7d9c1a4733e7de7754e4a1881b810a0f35 Mon Sep 17 00:00:00 2001 From: PATRIKA-123 Date: Sun, 19 Jul 2026 23:29:02 +0530 Subject: [PATCH] fix: add structural loading fallback to page speed monitor status label (#3772) --- client/src/Components/layout/RootLayout.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/client/src/Components/layout/RootLayout.tsx b/client/src/Components/layout/RootLayout.tsx index c22bd7455c..cbcc2eeb1d 100644 --- a/client/src/Components/layout/RootLayout.tsx +++ b/client/src/Components/layout/RootLayout.tsx @@ -1,11 +1,9 @@ import { Sidebar } from "@/Components/sidebar"; import { Outlet } from "react-router"; import Stack from "@mui/material/Stack"; -import { useMediaQuery } from "@mui/material"; +import { useMediaQuery, useTheme } from "@mui/material"; import { useSidebar } from "@/Hooks/useSidebar"; -import { useTheme } from "@mui/material"; - const RootLayout = () => { const theme = useTheme(); const isSmall = useMediaQuery(theme.breakpoints.down("md")); @@ -25,6 +23,9 @@ const RootLayout = () => { : "rgba(0, 0, 0, 0.01)", display: "flex", alignItems: "center", + // TODO: confirm this matches the sidebar's actual expanded width. + // Currently hardcoded to theme.spacing(12); should likely use + // a value from useSidebar() the same way collapsedWidth is used above. paddingLeft: isSmall ? `${collapsedWidth + 12}px` : 12, }} >