Nomchy/discord.js
1
0
Fork 0
mirror of https://github.com/discordjs/discord.js.git synced 2026-03-19 04:53:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(website): package / version select spacing

Browse Source
This commit is contained in:
iCrawl
2023-03-25 14:55:15 +01:00
parent 1d2c152320
commit b097b25116
2 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
apps/website/src/app/docs/packages/[package]/page.tsx
View File

@@ -27,9 +27,9 @@ export default async function Page({ params }: { params: { package: string } })
const data = await getData(params.package); const data = await getData(params.package);
return ( return (
<div className="min-w-xs sm:w-md mx-auto flex min-h-screen flex-row place-content-center place-items-center gap-8 py-0 px-4 lg:py-8 lg:px-6"> <div className="min-w-xs sm:w-md mx-auto flex min-h-screen flex-col gap-8 py-6 px-4 lg:py-6 lg:px-6">
<div className="flex grow flex-col place-content-center gap-4"> <h1 className="text-2xl font-semibold">Select a version:</h1>
<h1 className="text-2xl font-semibold">Select a version:</h1> <div className="flex flex-col gap-4">
{data.map((version, idx) => ( {data.map((version, idx) => (
<Link <Link
className="dark:bg-dark-400 dark:border-dark-100 dark:hover:bg-dark-300 dark:active:bg-dark-200 focus:ring-width-2 focus:ring-blurple flex h-11 transform-gpu cursor-pointer select-none appearance-none flex-col place-content-center rounded border border-neutral-300 bg-white p-4 text-base font-semibold leading-none text-black outline-0 hover:bg-neutral-100 focus:ring active:translate-y-px active:bg-neutral-200 dark:text-white" className="dark:bg-dark-400 dark:border-dark-100 dark:hover:bg-dark-300 dark:active:bg-dark-200 focus:ring-width-2 focus:ring-blurple flex h-11 transform-gpu cursor-pointer select-none appearance-none flex-col place-content-center rounded border border-neutral-300 bg-white p-4 text-base font-semibold leading-none text-black outline-0 hover:bg-neutral-100 focus:ring active:translate-y-px active:bg-neutral-200 dark:text-white"
@@ -45,13 +45,13 @@ export default async function Page({ params }: { params: { package: string } })
</div> </div>
</Link> </Link>
)) ?? null} )) ?? null}
<Link
className="bg-blurple focus:ring-width-2 flex h-11 transform-gpu cursor-pointer select-none appearance-none flex-row place-items-center gap-2 place-self-center rounded border-0 px-4 text-base font-semibold leading-none text-white no-underline outline-0 focus:ring focus:ring-white active:translate-y-px"
href="/docs/packages"
>
<VscArrowLeft size={20} /> Go back
</Link>
</div> </div>
<Link
className="bg-blurple focus:ring-width-2 flex h-11 transform-gpu cursor-pointer select-none appearance-none flex-row place-items-center gap-2 place-self-center rounded border-0 px-4 text-base font-semibold leading-none text-white no-underline outline-0 focus:ring focus:ring-white active:translate-y-px"
href="/docs/packages"
>
<VscArrowLeft size={20} /> Go back
</Link>
</div> </div>
); );
} }

18
apps/website/src/app/docs/packages/page.tsx
View File

@@ -10,9 +10,9 @@ export const runtime: ServerRuntime = 'edge';
export default function Page() { export default function Page() {
return ( return (
<div className="min-w-xs sm:w-md mx-auto flex min-h-screen flex-row place-content-center place-items-center gap-8 py-6 px-4 lg:py-6 lg:px-6"> <div className="min-w-xs sm:w-md mx-auto flex min-h-screen flex-col gap-8 py-6 px-4 lg:py-6 lg:px-6">
<div className="flex grow flex-col place-content-center gap-4"> <h1 className="text-2xl font-semibold">Select a package:</h1>
<h1 className="text-2xl font-semibold">Select a package:</h1> <div className="flex flex-col gap-4">
<a <a
className="dark:bg-dark-400 dark:border-dark-100 dark:hover:bg-dark-300 dark:active:bg-dark-200 focus:ring-width-2 focus:ring-blurple flex h-11 transform-gpu cursor-pointer select-none appearance-none place-content-between rounded border border-neutral-300 bg-white p-4 text-base font-semibold leading-none text-black outline-0 hover:bg-neutral-100 focus:ring active:translate-y-px active:bg-neutral-200 dark:text-white" className="dark:bg-dark-400 dark:border-dark-100 dark:hover:bg-dark-300 dark:active:bg-dark-200 focus:ring-width-2 focus:ring-blurple flex h-11 transform-gpu cursor-pointer select-none appearance-none place-content-between rounded border border-neutral-300 bg-white p-4 text-base font-semibold leading-none text-black outline-0 hover:bg-neutral-100 focus:ring active:translate-y-px active:bg-neutral-200 dark:text-white"
href="https://discord.js.org/#/docs/discord.js" href="https://discord.js.org/#/docs/discord.js"
@@ -66,13 +66,13 @@ export default function Page() {
<FiExternalLink size={20} /> <FiExternalLink size={20} />
</div> </div>
</a> </a>
<Link
className="bg-blurple focus:ring-width-2 flex h-11 transform-gpu cursor-pointer select-none appearance-none flex-row place-items-center gap-2 place-self-center rounded border-0 px-4 text-base font-semibold leading-none text-white no-underline outline-0 focus:ring focus:ring-white active:translate-y-px"
href="/"
>
<VscArrowLeft size={20} /> Go back
</Link>
</div> </div>
<Link
className="bg-blurple focus:ring-width-2 flex h-11 transform-gpu cursor-pointer select-none appearance-none flex-row place-items-center gap-2 place-self-center rounded border-0 px-4 text-base font-semibold leading-none text-white no-underline outline-0 focus:ring focus:ring-white active:translate-y-px"
href="/"
>
<VscArrowLeft size={20} /> Go back
</Link>
</div> </div>
); );
} }