fix(nx-dev): add misc style corrections (#15909)

This commit is contained in:
Benjamin Cabanes 2023-03-28 10:31:39 -04:00 committed by GitHub
parent 26c864ae6f
commit 6749701ed2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 11 deletions

View File

@ -52,7 +52,7 @@ A modern Node server with scaffolding for Express, Fastify or Koa. There's also
Coming from an existing project and want to adopt Nx? We have a few recipes to help you get started.
{% cards cols="4" %}
{% cards cols="2" %}
{% card title="Add to Existing Monorepo" description="Add Nx to your existing NPM/YARN/PNPM workspace" type="documentation" url="/recipes/adopting-nx/adding-to-monorepo" /%}

View File

@ -21,7 +21,7 @@ export function Cards({
};
return (
<div className={`mt-8 grid grid-cols-1 gap-6 ${gridColums[cols]}`}>
<div className={`mt-8 grid grid-cols-1 gap-4 ${gridColums[cols]}`}>
{children}
</div>
);
@ -39,9 +39,9 @@ export function Card({
url: string;
}) {
const iconMap = {
documentation: <DocumentIcon className="mr-3 h-5 w-5" />,
external: <ArrowTopRightOnSquareIcon className="mr-3 h-5 w-5" />,
video: <PlayCircleIcon className="mr-3 h-5 w-5" />,
documentation: <DocumentIcon className="mr-3 h-5 w-5 shrink-0" />,
external: <ArrowTopRightOnSquareIcon className="mr-3 h-5 w-5 shrink-0" />,
video: <PlayCircleIcon className="mr-3 h-5 w-5 shrink-0" />,
};
const youtubeRegex =
/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/gi.exec(
@ -56,7 +56,7 @@ export function Card({
>
{!!hasYoutubeId && (
<img
className="!m-0 aspect-video rounded-l-md"
className="!m-0 rounded-l-md bg-black object-contain"
alt="Youtube Link"
src={`https://img.youtube.com/vi/${hasYoutubeId}/default.jpg`}
/>

View File

@ -168,15 +168,13 @@ const typeMap: Record<
image: (
<svg
role="img"
fill="currentColor"
viewBox="0 0 24 24"
className="h-6 w-6"
xmlns="http://www.w3.org/2000/svg"
>
<title>Nx</title>
<path
d="M11.987 14.138l-3.132 4.923-5.193-8.427-.012 8.822H0V4.544h3.691l5.247 8.833.005-3.998 3.044 4.759zm.601-5.761c.024-.048 0-3.784.008-3.833h-3.65c.002.059-.005 3.776-.003 3.833h3.645zm5.634 4.134a2.061 2.061 0 0 0-1.969 1.336 1.963 1.963 0 0 1 2.343-.739c.396.161.917.422 1.33.283a2.1 2.1 0 0 0-1.704-.88zm3.39 1.061c-.375-.13-.8-.277-1.109-.681-.06-.08-.116-.17-.176-.265a2.143 2.143 0 0 0-.533-.642c-.294-.216-.68-.322-1.18-.322a2.482 2.482 0 0 0-2.294 1.536 2.325 2.325 0 0 1 4.002.388.75.75 0 0 0 .836.334c.493-.105.46.36 1.203.518v-.133c-.003-.446-.246-.55-.75-.733zm2.024 1.266a.723.723 0 0 0 .347-.638c-.01-2.957-2.41-5.487-5.37-5.487a5.364 5.364 0 0 0-4.487 2.418c-.01-.026-1.522-2.39-1.538-2.418H8.943l3.463 5.423-3.379 5.32h3.54l1.54-2.366 1.568 2.366h3.541l-3.21-5.052a.7.7 0 0 1-.084-.32 2.69 2.69 0 0 1 2.69-2.691h.001c1.488 0 1.736.89 2.057 1.308.634.826 1.9.464 1.9 1.541a.707.707 0 0 0 1.066.596zm.35.133c-.173.372-.56.338-.755.639-.176.271.114.412.114.412s.337.156.538-.311c.104-.231.14-.488.103-.74z"
fill="white"
/>
<path d="M11.987 14.138l-3.132 4.923-5.193-8.427-.012 8.822H0V4.544h3.691l5.247 8.833.005-3.998 3.044 4.759zm.601-5.761c.024-.048 0-3.784.008-3.833h-3.65c.002.059-.005 3.776-.003 3.833h3.645zm5.634 4.134a2.061 2.061 0 0 0-1.969 1.336 1.963 1.963 0 0 1 2.343-.739c.396.161.917.422 1.33.283a2.1 2.1 0 0 0-1.704-.88zm3.39 1.061c-.375-.13-.8-.277-1.109-.681-.06-.08-.116-.17-.176-.265a2.143 2.143 0 0 0-.533-.642c-.294-.216-.68-.322-1.18-.322a2.482 2.482 0 0 0-2.294 1.536 2.325 2.325 0 0 1 4.002.388.75.75 0 0 0 .836.334c.493-.105.46.36 1.203.518v-.133c-.003-.446-.246-.55-.75-.733zm2.024 1.266a.723.723 0 0 0 .347-.638c-.01-2.957-2.41-5.487-5.37-5.487a5.364 5.364 0 0 0-4.487 2.418c-.01-.026-1.522-2.39-1.538-2.418H8.943l3.463 5.423-3.379 5.32h3.54l1.54-2.366 1.568 2.366h3.541l-3.21-5.052a.7.7 0 0 1-.084-.32 2.69 2.69 0 0 1 2.69-2.691h.001c1.488 0 1.736.89 2.057 1.308.634.826 1.9.464 1.9 1.541a.707.707 0 0 0 1.066.596zm.35.133c-.173.372-.56.338-.755.639-.176.271.114.412.114.412s.337.156.538-.311c.104-.231.14-.488.103-.74z" />
</svg>
),
},
@ -209,7 +207,7 @@ export function Persona({
title={title}
aria-hidden="true"
className="absolute inset-0"
></Link>
/>
</div>
</aside>
);