fix(website): max height

This commit is contained in:
iCrawl 2023-04-15 14:28:20 +02:00
parent 49627b1f46
commit 5e2f94c591
No known key found for this signature in database
GPG key ID: 1AB888B16355FBB2
3 changed files with 9 additions and 7 deletions

View file

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

View file

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

View file

@ -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;
/**