From 5e2f94c5919385dd3d1f7a809a785558337d1430 Mon Sep 17 00:00:00 2001
From: iCrawl <buechler.noel@outlook.com>
Date: Sat, 15 Apr 2023 14:28:20 +0200
Subject: [PATCH] fix(website): max height

---
 .../src/app/docs/packages/[package]/[version]/layout.tsx    | 4 ++--
 apps/website/src/components/Banner.tsx                      | 6 ++++--
 apps/website/src/components/ItemLink.tsx                    | 6 +++---
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/apps/website/src/app/docs/packages/[package]/[version]/layout.tsx b/apps/website/src/app/docs/packages/[package]/[version]/layout.tsx
index 225002d21..da3b4dc70 100644
--- a/apps/website/src/app/docs/packages/[package]/[version]/layout.tsx
+++ b/apps/website/src/app/docs/packages/[package]/[version]/layout.tsx
@@ -70,11 +70,11 @@ export default async function PackageLayout({ children, params }: PropsWithChild
 
 	return (
 		<Providers>
-			<Banner />
+			<Banner className="mb-6" />
 			<main className="mx-auto max-w-7xl px-4 lg:max-w-full">
 				<Header />
 				<div className="relative top-2.5 mx-auto max-w-7xl gap-6 lg:max-w-full lg:flex">
-					<div className="lg:sticky lg:top-23 lg:h-[calc(100vh_-_105px)]">
+					<div className="lg:sticky lg:top-23 lg:h-[calc(100vh_-_145px)]">
 						<Nav members={members.map((member) => serializeIntoSidebarItemData(member))} />
 					</div>
 
diff --git a/apps/website/src/components/Banner.tsx b/apps/website/src/components/Banner.tsx
index 9447b09fb..359d5763d 100644
--- a/apps/website/src/components/Banner.tsx
+++ b/apps/website/src/components/Banner.tsx
@@ -1,6 +1,8 @@
-export function Banner() {
+import type { HTMLAttributes } from 'react';
+
+export function Banner({ className, ...props }: HTMLAttributes<HTMLDivElement>) {
 	return (
-		<div className="mb-6 bg-blurple px-4 py-2 text-center text-sm text-white">
+		<div className={`bg-blurple px-4 py-2 text-center text-sm text-white ${className}`} {...props}>
 			You are reading the documentation for the <strong>next</strong> version of discord.js. Documentation for v13/v14+
 			has been moved to{' '}
 			<strong>
diff --git a/apps/website/src/components/ItemLink.tsx b/apps/website/src/components/ItemLink.tsx
index ba5ac7183..1a2876558 100644
--- a/apps/website/src/components/ItemLink.tsx
+++ b/apps/website/src/components/ItemLink.tsx
@@ -3,13 +3,13 @@
 import type { LinkProps } from 'next/link';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
-import type { PropsWithChildren } from 'react';
+import type { AnchorHTMLAttributes, PropsWithChildren, RefAttributes } from 'react';
 import { useCurrentPathMeta } from '~/hooks/useCurrentPathMeta';
 
 export interface ItemLinkProps
 	extends Omit<LinkProps, 'href'>,
-		React.RefAttributes<HTMLAnchorElement>,
-		Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof LinkProps> {
+		RefAttributes<HTMLAnchorElement>,
+		Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof LinkProps> {
 	className?: string;
 
 	/**