fix(graph): fix nx-console target group bg color

nrwl · May 3, 2024 · d25c704 · d25c704
1 parent d71a324
commit d25c704
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 25 deletions.
diff --git a/graph/client/src/index.html b/graph/client/src/index.html
@@ -26,6 +26,6 @@
   </head>
 
   <body class="bg-white text-slate-500 dark:bg-slate-900 dark:text-slate-400">
-    <div class="flex p-0" id="app"></div>
+    <div class="flex bg-inherit p-0" id="app"></div>
   </body>
 </html>
diff --git a/graph/project-details/src/lib/project-details-page.tsx b/graph/project-details/src/lib/project-details-page.tsx
@@ -52,14 +52,14 @@ export function ProjectDetailsPage() {
 
   return (
     <ExpandedTargetsProvider>
-      <div className="flex w-full flex-col justify-center text-slate-700 dark:text-slate-400">
+      <div className="flex w-full flex-col justify-center bg-inherit text-slate-700 dark:text-slate-400">
         <ScrollRestoration />
         {environment !== 'nx-console' ? (
           <ProjectDetailsHeader />
         ) : (
           <div className="py-2"></div>
         )}
-        <div className="mx-auto mb-8 w-full max-w-6xl flex-grow px-8">
+        <div className="mx-auto mb-8 w-full max-w-6xl flex-grow bg-inherit px-8">
           <ProjectDetailsWrapper
             project={project}
             sourceMap={sourceMap}

diff --git a/graph/ui-project-details/src/lib/project-details/project-details.tsx b/graph/ui-project-details/src/lib/project-details/project-details.tsx
@@ -133,27 +133,25 @@ export const ProjectDetails = ({
           </div>
         </div>
       </header>
-      <div>
-        <h2 className={isCompact ? `mb-3 text-lg` : `mb-4 text-xl`}>
-          <Tooltip
-            openAction="hover"
-            content={(<PropertyInfoTooltip type="targets" />) as any}
-          >
-            <span className="text-slate-800 dark:text-slate-200">
-              <TooltipTriggerText>Targets</TooltipTriggerText>
-            </span>
-          </Tooltip>
-        </h2>
+      <h2 className={isCompact ? `mb-3 text-lg` : `mb-4 text-xl`}>
+        <Tooltip
+          openAction="hover"
+          content={(<PropertyInfoTooltip type="targets" />) as any}
+        >
+          <span className="text-slate-800 dark:text-slate-200">
+            <TooltipTriggerText>Targets</TooltipTriggerText>
+          </span>
+        </Tooltip>
+      </h2>
 
-        <TargetConfigurationDetailsList
-          className="w-full"
-          project={project}
-          sourceMap={sourceMap}
-          variant={variant}
-          onRunTarget={onRunTarget}
-          onViewInTaskGraph={onViewInTaskGraph}
-        />
-      </div>
+      <TargetConfigurationDetailsList
+        className="w-full bg-inherit"
+        project={project}
+        sourceMap={sourceMap}
+        variant={variant}
+        onRunTarget={onRunTarget}
+        onViewInTaskGraph={onViewInTaskGraph}
+      />
     </>
   );
 };

diff --git a/...et-configuration-details-group-container/target-configuration-details-group-container.tsx b/...et-configuration-details-group-container/target-configuration-details-group-container.tsx
@@ -12,11 +12,11 @@ export function TargetConfigurationGroupContainer({
   children,
 }: TargetConfigurationGroupContainerProps) {
   return (
-    <div className="mb-4 w-full">
+    <div className="mb-4 w-full bg-inherit">
       <TargetConfigurationGroupHeader
         targetGroupName={targetGroupName}
         targetsNumber={targetsNumber}
-        className="sticky top-0 z-10 bg-white dark:bg-slate-900"
+        className="sticky top-0 z-10 bg-inherit"
       />
       <div className="rounded-md border border-slate-200 p-2 dark:border-slate-700">
         {children}