feat(nx-dev): change color for nx-agents & nx-ai buttons on home (#22142

)
nrwl · Mar 4, 2024 · dd666ba · dd666ba
1 parent 2d9ecfd
commit dd666ba
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 40 deletions.
diff --git a/nx-dev/ui-home/src/lib/hero.tsx b/nx-dev/ui-home/src/lib/hero.tsx
@@ -202,14 +202,6 @@ export function Hero(): JSX.Element {
  aria-hidden="true"
  className="dark:block hidden"
  />
- {/*<object*/}
- {/* type="image/svg+xml"*/}
- {/* data="/images/illustrations/nxdev-light.svg"*/}
- {/* title="PLACEHOLDER ILLUSTRATION"*/}
- {/* className="mb-[-70px] transition bg-white/90 hover:bg-white dark:bg-slate-800/90 dark:hover:bg-slate-800 rounded-xl shadow-2xl ring-1 ring-slate-200 dark:ring-slate-800/60 w-full min-h-[600px] dark:bg-slate-900"*/}
- {/*>*/}
- {/* PLACEHOLDER ILLUSTRATION*/}
- {/*</object>*/}
  <div className="relative" aria-hidden="true">
  <div className="absolute -inset-x-20 bottom-0 bg-gradient-to-t from-white dark:from-slate-900 pt-[7%]"></div>
  </div>

diff --git a/nx-dev/ui-home/src/lib/nx-with-ci.tsx b/nx-dev/ui-home/src/lib/nx-with-ci.tsx
@@ -1,9 +1,4 @@
-import {
- CloudArrowDownIcon,
- CogIcon,
- ServerStackIcon,
- SparklesIcon,
-} from '@heroicons/react/24/outline';
+import { SparklesIcon } from '@heroicons/react/24/outline';
 import { SectionHeading } from '@nx/nx-dev/ui-common';
 import {
  animate,
@@ -142,8 +137,8 @@ export function NxWithCi(): JSX.Element {
  </div>
  </div>
  </motion.div>
- <div className="mx-auto max-w-5xl px-4 sm:px-6 lg:px-8 pb-8 lg:pb-16">
- <dl className="grid grid-cols-1 gap-x-8 gap-y-16 sm:grid-cols-2">
+ <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 pb-8 lg:pb-16">
+ <dl className="grid grid-cols-1 gap-x-8 gap-y-16 sm:grid-cols-3">
  <div className="relative">
  <dt className="text-base font-semibold leading-7 text-slate-900 dark:text-slate-100">
  <div className="relative group">
@@ -167,7 +162,7 @@ export function NxWithCi(): JSX.Element {
  <div className="relative">
  <dt className="text-base font-semibold leading-7 text-slate-900 dark:text-slate-100">
  <div className="relative group">
- <div className="absolute -inset-1 bg-gradient-to-r from-orange-500 to-rose-500 rounded-lg blur-sm opacity-25 group-hover:opacity-90 transition duration-1000 group-hover:duration-200"></div>
+ <div className="absolute -inset-1 bg-gradient-to-r from-emerald-500 to-green-500 rounded-lg blur-sm opacity-25 group-hover:opacity-90 transition duration-1000 group-hover:duration-200"></div>
  <div className="relative flex gap-4 items-center rounded-lg border border-slate-200 bg-white p-4 text-lg shadow-sm transition focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2 dark:border-slate-800/40 dark:bg-slate-800">
  <NxAgentsIcon className="h-8 w-8" aria-hidden="true" />
  <a href="/ci/features/nx-agents" title="Discover Nx Agents">
@@ -185,28 +180,7 @@ export function NxWithCi(): JSX.Element {
  <div className="relative">
  <dt className="text-base font-semibold leading-7 text-slate-900 dark:text-slate-100">
  <div className="relative group opacity-70">
- <div className="absolute -inset-1 bg-gradient-to-r from-pink-500 to-fuchsia-500 rounded-lg blur-sm opacity-25"></div>
- <div className="relative flex gap-4 items-center rounded-lg border border-slate-200 bg-white p-4 text-lg shadow-sm transition focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2 dark:border-slate-800/40 dark:bg-slate-800">
- <NxWorkflowsIcon className="h-8 w-8" aria-hidden="true" />
- {/*<a href="/ci/features/nx-workflows" title="Discover Nx Workflows">*/}
- <span className="absolute inset-0"></span>Nx Workflows
- {/*</a>*/}
- <div className="flex-grow" />
- <span className="dark:bg-slate-400/10 dark:text-slate-400 dark:ring-slate-400/20 inline-flex items-center rounded-md bg-slate-50 px-2 py-1 text-xs font-medium text-slate-600 ring-1 ring-inset ring-slate-500/10">
- Coming soon
- </span>
- </div>
- </div>
- </dt>
- <dd className="mt-4 text-base leading-7 text-slate-700 dark:text-slate-400">
- Next generation, fully managed CI solution with distribution at
- its core, designed from the ground up for monorepos.
- </dd>
- </div>
- <div className="relative">
- <dt className="text-base font-semibold leading-7 text-slate-900 dark:text-slate-100">
- <div className="relative group opacity-70">
- <div className="absolute -inset-1 bg-gradient-to-r from-emerald-500 to-green-500 rounded-lg blur-sm opacity-25"></div>
+ <div className="absolute -inset-1 bg-slate-500 rounded-lg blur-sm opacity-25"></div>
  <div className="relative flex gap-4 items-center rounded-lg border border-slate-200 bg-white p-4 text-lg shadow-sm transition focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2 dark:border-slate-800/40 dark:bg-slate-800">
  <SparklesIcon
  className="block h-8 w-8 sm:hidden md:block"

diff --git a/nx-dev/ui-home/tsconfig.lib.json b/nx-dev/ui-home/tsconfig.lib.json
@@ -3,7 +3,7 @@
  "compilerOptions": {
  "outDir": "../../dist/out-tsc",
  "lib": ["dom"],
- "types": ["node", "dom"]
+ "types": ["node"]
  },
  "files": [
  "../../node_modules/@nx/react/typings/cssmodule.d.ts",