MinecraftUtilities/Frontend
1
1
Fork 0
Code Issues 1 Pull Requests 10 Actions Activity

fix code highlighter colors and centre the breadcrumbs on docs
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 1m23s
Details

Browse Source
This commit is contained in:
Lee
2024-04-22 01:56:01 +01:00
parent 49daf6f1a4
commit 00a5febf66
6 changed files with 21 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/(pages)/docs/[[...slug]]/page.tsx
View File

@ -61,8 +61,8 @@ export default function Page({ params: { slug } }: DocumentationPageParams) {
const isHome: boolean = slugParts.length == 1;
return (
<div className="w-full h-full px-4 flex flex-col gap-4">
<div className="flex justify-between">
<div className="w-full h-full px-4 flex flex-col">
<div className="flex justify-between items-center">
{/* The breadcrumb for the documentation page */}
<Breadcrumb>
<BreadcrumbList>
@ -88,6 +88,7 @@ export default function Page({ params: { slug } }: DocumentationPageParams) {
</BreadcrumbList>
</Breadcrumb>
{/* The Git link for the documentation page */}
<div className="flex flex-row gap-2 items-center">
<GithubLink page={page} />
</div>
@ -99,7 +100,7 @@ export default function Page({ params: { slug } }: DocumentationPageParams) {
</div>
{/* The content of the documentation page */}
<div className="text-left w-full pb-[5rem]">
<div className="text-left w-full pb-[2rem]">
<CustomMDX source={page.content} />
</div>
</div>