refactor: website facelift (#10823)

This commit is contained in:
Noel
2025-04-10 22:02:37 +02:00
committed by GitHub
parent 1fe53c7ca2
commit 2e3bc69602
80 changed files with 6136 additions and 2529 deletions

View File

@@ -2,7 +2,7 @@ import { VscSymbolEnumMember } from '@react-icons/all-files/vsc/VscSymbolEnumMem
import { Code2, LinkIcon } from 'lucide-react';
import Link from 'next/link';
import { Fragment } from 'react';
import { ENV } from '~/util/env';
import { ENV } from '@/util/env';
import { Badges } from './Badges';
import { DeprecatedNode } from './DeprecatedNode';
import { ExampleNode } from './ExampleNode';
@@ -23,25 +23,25 @@ export async function EnumMemberNode({
readonly version: string;
}) {
return (
<div className="flex flex-col gap-8">
<div className="flex flex-col gap-4">
<h2 className="flex place-items-center gap-2 p-2 text-xl font-bold">
<VscSymbolEnumMember aria-hidden className="flex-shrink-0" size={24} />
Members
</h2>
<div className="flex flex-col gap-8">
<div className="flex flex-col gap-4">
{node.map((enumMember: any, idx: number) => (
<Fragment key={`${enumMember.displayName}-${idx}`}>
<div className="flex flex-col gap-4">
<div className="flex place-content-between place-items-center">
<div className="flex place-content-between place-items-center gap-1">
<h3
className={`${ENV.IS_LOCAL_DEV || ENV.IS_PREVIEW ? 'scroll-mt-16' : 'scroll-mt-8'} group break-words font-mono font-semibold`}
className={`${ENV.IS_LOCAL_DEV || ENV.IS_PREVIEW ? 'scroll-mt-16' : 'scroll-mt-8'} group px-2 font-mono font-semibold break-all`}
id={enumMember.displayName}
>
<Badges node={enumMember} />
<span>
<Link
className="float-left -ml-6 hidden pb-2 pr-2 group-hover:block"
className="float-left -ml-6 hidden pr-2 pb-2 group-hover:block"
href={`#${enumMember.displayName}`}
>
<LinkIcon aria-hidden size={16} />
@@ -100,7 +100,7 @@ export async function EnumMemberNode({
<SeeNode node={enumMember.summary.seeBlocks} padding version={version} />
) : null}
</div>
<div aria-hidden className="px-4">
<div aria-hidden className="p-4">
<div className="h-[2px] bg-neutral-300 dark:bg-neutral-700" role="separator" />
</div>
</Fragment>