miel.truyen/nx
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Benjamin Cabanes 2024-03-04 14:51:39 -05:00 committed by GitHub
parent 2d9ecfd1fc
commit dd666baa6e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 6 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
nx-dev/ui-home/src/lib/hero.tsx
View File

@ -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>

36
nx-dev/ui-home/src/lib/nx-with-ci.tsx
View File

@ -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"

2
nx-dev/ui-home/tsconfig.lib.json
View File

@ -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",