Fix layout bg color and sidebar width (#908)

factorialco · Nov 28, 2024 · 5ee2ecd · 5ee2ecd
1 parent 37ecd7e
commit 5ee2ecd
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/lib/experimental/Navigation/ApplicationFrame/index.tsx b/lib/experimental/Navigation/ApplicationFrame/index.tsx
@@ -64,7 +64,7 @@ function ApplicationFrameContent({ children, sidebar }: ApplicationFrameProps) {
           <div
             className={cn(
               { "transition-all": !shouldReduceMotion },
-              sidebarState === "locked" ? "w-64 pl-3" : "w-0"
+              sidebarState === "locked" ? "w-[240px] shrink-0 pl-3" : "w-0"
             )}
           >
             {sidebar}

diff --git a/lib/experimental/Navigation/Sidebar/Sidebar.tsx b/lib/experimental/Navigation/Sidebar/Sidebar.tsx
@@ -42,7 +42,7 @@ export function Sidebar({ header, body, footer }: SidebarProps) {
     <motion.div
       initial={false}
       className={cn(
-        "absolute bottom-0 left-0 top-0 z-10 flex w-64 flex-col transition-[background-color]",
+        "absolute bottom-0 left-0 top-0 z-10 flex w-[240px] flex-col transition-[background-color]",
         sidebarState === "locked"
           ? "h-screen"
           : cn(

diff --git a/lib/lib/one-provider.tsx b/lib/lib/one-provider.tsx
@@ -47,7 +47,7 @@ export const LayoutProvider: React.FC<
         ref={ref}
         id="factorial-one-layout"
         className={cn({
-          "flex h-screen w-screen flex-col bg-f1-background-tertiary dark:bg-f1-background":
+          "flex h-screen w-screen flex-col bg-[#F5F6F8] dark:bg-[#0D1625]":
             fullScreen,
         })}
       >