Make the docs page more responsive
All checks were successful
Deploy Frontend / docker (17, 3.8.5) (push) Successful in 1m12s
All checks were successful
Deploy Frontend / docker (17, 3.8.5) (push) Successful in 1m12s
This commit is contained in:
parent
0f77b9aa68
commit
e7bdfe1f65
@ -38,13 +38,19 @@ const ContentPage = ({ params }: PageProps): ReactElement => {
|
|||||||
const splitSlug: string[] = content.slug?.split("/") || [];
|
const splitSlug: string[] = content.slug?.split("/") || [];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<main className="relative pl-7 flex flex-col gap-3.5">
|
<main className="px-7 flex flex-col gap-2">
|
||||||
|
{/* Header */}
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<div className="flex flex-col gap-3">
|
||||||
{/* Breadcrumb */}
|
{/* Breadcrumb */}
|
||||||
<Breadcrumb>
|
<Breadcrumb>
|
||||||
<BreadcrumbList className="text-minecraft-green-4">
|
<BreadcrumbList className="text-minecraft-green-4">
|
||||||
{["docs", ...splitSlug].map(
|
{["docs", ...splitSlug].map(
|
||||||
(part: string, index: number): ReactElement => (
|
(part: string, index: number): ReactElement => (
|
||||||
<div className="flex items-center" key={index}>
|
<div
|
||||||
|
className="flex items-center"
|
||||||
|
key={index}
|
||||||
|
>
|
||||||
<BreadcrumbItem>
|
<BreadcrumbItem>
|
||||||
<BreadcrumbLink
|
<BreadcrumbLink
|
||||||
href={
|
href={
|
||||||
@ -63,17 +69,18 @@ const ContentPage = ({ params }: PageProps): ReactElement => {
|
|||||||
)}
|
)}
|
||||||
</BreadcrumbList>
|
</BreadcrumbList>
|
||||||
</Breadcrumb>
|
</Breadcrumb>
|
||||||
|
|
||||||
{/* Publish Date */}
|
{/* Publish Date */}
|
||||||
<p className="text-zinc-400 pointer-events-none">
|
<p className="text-zinc-400 pointer-events-none">
|
||||||
Published on{" "}
|
Published on{" "}
|
||||||
{moment(content.published, "MM-DD-YYYY").format("MMMM Do YYYY")}
|
{moment(content.published, "MM-DD-YYYY").format(
|
||||||
|
"MMMM Do YYYY"
|
||||||
|
)}
|
||||||
</p>
|
</p>
|
||||||
{/* Content */}
|
</div>
|
||||||
<CustomMDX source={content.content} />
|
|
||||||
|
|
||||||
{/* View on Git */}
|
{/* View on Git */}
|
||||||
<Link
|
<Link
|
||||||
className="absolute left-10 bottom-7"
|
|
||||||
href={`https://git.rainnny.club/Rainnny/RESTfulMC/src/branch/master/Frontend/docs/${content.slug}${content.extension}`}
|
href={`https://git.rainnny.club/Rainnny/RESTfulMC/src/branch/master/Frontend/docs/${content.slug}${content.extension}`}
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
@ -85,6 +92,10 @@ const ContentPage = ({ params }: PageProps): ReactElement => {
|
|||||||
height={26}
|
height={26}
|
||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Content */}
|
||||||
|
<CustomMDX source={content.content} />
|
||||||
</main>
|
</main>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user