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

fix(nx-dev): adjust alignment on the pricing addon descriptions

Browse Source
This commit is contained in:
Juri 2025-03-25 15:59:38 +01:00 committed by Juri Strumpflohner
parent 5dbe040374
commit 50561ff009
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
nx-dev/ui-pricing/src/lib/plans-display.tsx
View File

@ -105,7 +105,7 @@ export function PlansDisplay(): ReactElement {
</Link> </Link>
</span> </span>
</li> </li>
<li className="flex items-start justify-start gap-x-2 py-2.5"> <li className="flex items-center justify-start gap-x-2 py-2.5">
<CheckCircleIcon <CheckCircleIcon
aria-hidden="true" aria-hidden="true"
className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500" className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500"
@ -178,28 +178,28 @@ export function PlansDisplay(): ReactElement {
<li className="py-2.5"> <li className="py-2.5">
<span className="font-medium">Included for free</span> <span className="font-medium">Included for free</span>
</li> </li>
<li className="flex items-start justify-start gap-x-2 py-2.5"> <li className="flex items-center justify-start gap-x-2 py-2.5">
<CheckCircleIcon <CheckCircleIcon
aria-hidden="true" aria-hidden="true"
className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500" className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500"
/> />
<span>5 active contributors¹</span> <span>5 active contributors¹</span>
</li> </li>
<li className="flex items-start justify-start gap-x-2 py-2.5"> <li className="flex items-center justify-start gap-x-2 py-2.5">
<CheckCircleIcon <CheckCircleIcon
aria-hidden="true" aria-hidden="true"
className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500" className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500"
/> />
<span>50,000 monthly credits</span> <span>50,000 monthly credits</span>
</li> </li>
<li className="flex items-start justify-start gap-x-2 py-2.5"> <li className="flex items-center justify-start gap-x-2 py-2.5">
<CheckCircleIcon <CheckCircleIcon
aria-hidden="true" aria-hidden="true"
className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500" className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500"
/> />
<span>10 concurrent CI connections</span> <span>10 concurrent CI connections</span>
</li> </li>
<li className="flex items-start justify-start gap-x-2 py-2.5"> <li className="flex items-center justify-start gap-x-2 py-2.5">
<CheckCircleIcon <CheckCircleIcon
aria-hidden="true" aria-hidden="true"
className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500" className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500"
@ -220,7 +220,7 @@ export function PlansDisplay(): ReactElement {
AI integrations AI integrations
</Link> </Link>
</li> </li>
<li className="flex items-start justify-start gap-x-2 py-2.5"> <li className="flex items-center justify-start gap-x-2 py-2.5">
<CheckCircleIcon <CheckCircleIcon
aria-hidden="true" aria-hidden="true"
className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500" className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500"
@ -230,21 +230,21 @@ export function PlansDisplay(): ReactElement {
<li className="py-2.5"> <li className="py-2.5">
<span className="font-medium">Add-ons</span> <span className="font-medium">Add-ons</span>
</li> </li>
<li className="flex items-start justify-start gap-x-2 py-2.5"> <li className="flex items-center justify-start gap-x-2 py-2.5">
<PlusIcon <PlusIcon
aria-hidden="true" aria-hidden="true"
className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500" className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500"
/> />
<span>$19 per active contributor¹ / month</span> <span>$19 per active contributor¹ / month</span>
</li> </li>
<li className="flex items-start justify-start gap-x-2 py-2.5"> <li className="flex items-center justify-start gap-x-2 py-2.5">
<PlusIcon <PlusIcon
aria-hidden="true" aria-hidden="true"
className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500" className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500"
/> />
<span>$5.50 per 10,000 credits</span> <span>$5.50 per 10,000 credits</span>
</li> </li>
<li className="flex items-start justify-start gap-x-2 py-2.5"> <li className="flex items-center justify-start gap-x-2 py-2.5">
<PlusIcon <PlusIcon
aria-hidden="true" aria-hidden="true"
className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500" className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500"
@ -297,21 +297,21 @@ export function PlansDisplay(): ReactElement {
<li className="py-2.5"> <li className="py-2.5">
<span className="font-medium">Includes</span> <span className="font-medium">Includes</span>
</li> </li>
<li className="flex items-start justify-start gap-x-2 py-2.5"> <li className="flex items-center justify-start gap-x-2 py-2.5">
<CheckCircleIcon <CheckCircleIcon
aria-hidden="true" aria-hidden="true"
className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500" className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500"
/> />
<span>Volume discounts on credits available</span> <span>Volume discounts on credits available</span>
</li> </li>
<li className="flex items-start justify-start gap-x-2 py-2.5"> <li className="flex items-center justify-start gap-x-2 py-2.5">
<CheckCircleIcon <CheckCircleIcon
aria-hidden="true" aria-hidden="true"
className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500" className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500"
/> />
<span>White glove onboarding</span> <span>White glove onboarding</span>
</li> </li>
<li className="flex items-start justify-start gap-x-2 py-2.5"> <li className="flex items-center justify-start gap-x-2 py-2.5">
<CheckCircleIcon <CheckCircleIcon
aria-hidden="true" aria-hidden="true"
className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500" className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500"
@ -335,7 +335,7 @@ export function PlansDisplay(): ReactElement {
: a suite of premium extensions for the Nx CLI : a suite of premium extensions for the Nx CLI
</span> </span>
</li> </li>
<li className="flex items-start justify-start gap-x-2 py-2.5"> <li className="flex items-center justify-start gap-x-2 py-2.5">
<CheckCircleIcon <CheckCircleIcon
aria-hidden="true" aria-hidden="true"
className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500" className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500"
@ -344,7 +344,7 @@ export function PlansDisplay(): ReactElement {
Work hand-in-hand with the Nx team for continual improvement Work hand-in-hand with the Nx team for continual improvement
</span> </span>
</li> </li>
<li className="flex items-start justify-start gap-x-2 py-2.5"> <li className="flex items-center justify-start gap-x-2 py-2.5">
<CheckCircleIcon <CheckCircleIcon
aria-hidden="true" aria-hidden="true"
className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500" className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500"
@ -354,14 +354,14 @@ export function PlansDisplay(): ReactElement {
self-contained, on-prem self-contained, on-prem
</span> </span>
</li> </li>
<li className="flex items-start justify-start gap-x-2 py-2.5"> <li className="flex items-center justify-start gap-x-2 py-2.5">
<CheckCircleIcon <CheckCircleIcon
aria-hidden="true" aria-hidden="true"
className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500" className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500"
/> />
<span>SSO / SAML Login</span> <span>SSO / SAML Login</span>
</li> </li>
<li className="flex items-start justify-start gap-x-2 py-2.5"> <li className="flex items-center justify-start gap-x-2 py-2.5">
<CheckCircleIcon <CheckCircleIcon
aria-hidden="true" aria-hidden="true"
className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500" className="h-6 w-5 flex-none text-blue-600 dark:text-sky-500"