AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: improve docs curriculum layout spacing and sizing

Browse source
This commit is contained in:
MrPiglr 2026-01-11 01:15:50 +00:00 committed by GitHub
parent 2e77ae6982
commit 4e1f1f8cb7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
client/components/docs/DocsLayout.tsx
View file

@ -276,13 +276,13 @@ function DocsLayoutContent({
</Link> </Link>
</div> </div>
<div className="grid grid-cols-1 lg:grid-cols-4 gap-8 px-6 md:px-8 py-8 max-w-7xl mx-auto"> <div className="grid grid-cols-1 lg:grid-cols-4 gap-8 px-6 md:px-8 py-8 max-w-6xl mx-auto">
{/* Content */} {/* Content */}
<div className="lg:col-span-3"> <div className="lg:col-span-3">
{title && ( {title && (
<div className="mb-8"> <div className="mb-8">
<h1 <h1
className={`text-5xl font-bold ${colors.headingColor} mb-3`} className={`text-4xl font-bold ${colors.headingColor} mb-3`}
> >
{title} {title}
</h1> </h1>

10
client/pages/docs/DocsCurriculum.tsx
View file

@ -301,18 +301,18 @@ const supplementalResources = [
export default function DocsCurriculum() { export default function DocsCurriculum() {
return ( return (
<div className="space-y-8"> <div className="space-y-8 max-w-5xl">
<section className="relative overflow-hidden rounded-3xl border border-slate-800/60 bg-slate-900/80 p-8"> <section className="relative overflow-hidden rounded-2xl border border-slate-800/60 bg-slate-900/80 p-6 md:p-8">
<div className="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(124,58,237,0.2),transparent_60%)]" /> <div className="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(124,58,237,0.2),transparent_60%)]" />
<div className="relative z-10 flex flex-col gap-6"> <div className="relative z-10 flex flex-col gap-6">
<div className="flex flex-col gap-3"> <div className="flex flex-col gap-3">
<Badge className="w-fit bg-purple-600/80 text-white"> <Badge className="w-fit bg-purple-600/80 text-white">
AeThex Curriculum AeThex Curriculum
</Badge> </Badge>
<h1 className="text-3xl font-semibold text-white sm:text-4xl"> <h1 className="text-2xl font-semibold text-white sm:text-3xl">
Structured learning paths for builders, operators, and labs teams Structured learning paths for builders, operators, and labs teams
</h1> </h1>
<p className="max-w-3xl text-base text-slate-200 sm:text-lg"> <p className="max-w-2xl text-sm text-slate-200 sm:text-base">
Progress through sequenced modules that combine documentation, Progress through sequenced modules that combine documentation,
interactive labs, and project-based assignments. Graduate with interactive labs, and project-based assignments. Graduate with
deployment-ready AeThex experiences and certification badges. deployment-ready AeThex experiences and certification badges.
@ -344,7 +344,7 @@ export default function DocsCurriculum() {
</div> </div>
</section> </section>
<section className="grid gap-6 lg:grid-cols-[minmax(0,2.2fr)_minmax(0,1fr)]"> <section className="grid gap-6 lg:grid-cols-1">
<Card className="border-slate-800 bg-slate-900/70 shadow-xl backdrop-blur"> <Card className="border-slate-800 bg-slate-900/70 shadow-xl backdrop-blur">
<CardHeader className="space-y-4"> <CardHeader className="space-y-4">
<CardTitle className="flex items-center gap-3 text-2xl text-white"> <CardTitle className="flex items-center gap-3 text-2xl text-white">