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

feat: complete Phase 2 design system rollout

Browse source 
Applied max-w-6xl standard across all remaining pages:

**Internal Tools & Admin (6 files):**
- Teams.tsx, Squads.tsx, Network.tsx, Portal.tsx
- Admin.tsx, BotPanel.tsx, Arms.tsx

**Hub/Client Pages (6 files):**
- ClientHub.tsx, ClientProjects.tsx (all 3 instances)
- ClientDashboard.tsx, ClientSettings.tsx
- ClientContracts.tsx, ClientInvoices.tsx, ClientReports.tsx

**Dashboard Pages (5 files):**
- FoundationDashboard.tsx, GameForgeDashboard.tsx
- StaffDashboard.tsx, NexusDashboard.tsx, LabsDashboard.tsx

**Community & Creator Pages (6 files):**
- Directory.tsx, Projects.tsx
- CreatorDirectory.tsx, MentorProfile.tsx, EthosGuild.tsx
- FoundationDownloadCenter.tsx, OpportunitiesHub.tsx

**Result:** Zero instances of max-w-7xl remaining in client/pages
All pages now use consistent max-w-6xl width for optimal readability
This commit is contained in:
MrPiglr 2026-01-11 01:57:16 +00:00 committed by GitHub
parent f8c3027428
commit 0623521374
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
26 changed files with 32 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/pages/Admin.tsx
View file

@ -343,7 +343,7 @@ export default function Admin() {
<div className="min-h-screen bg-aethex-gradient flex">
<AdminSidebar activeTab={activeTab} onTabChange={setActiveTab} />
<div className="flex-1 overflow-y-auto py-8">
<div className="container mx-auto px-4 max-w-7xl">
<div className="container mx-auto px-4 max-w-6xl">
<div className="mb-8 animate-slide-down">
<div className="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4">
<div className="space-y-3 flex-1">

2
client/pages/Arms.tsx
View file

@ -199,7 +199,7 @@ export default function Arms() {
</div>
{/* Arms Grid */}
<div className="w-full max-w-7xl grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8">
<div className="w-full max-w-6xl grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8">
{ARMS.map((arm) => (
<button
key={arm.id}

2
client/pages/BotPanel.tsx
View file

@ -224,7 +224,7 @@ export default function BotPanel() {
return (
<div className="min-h-screen bg-gradient-to-br from-gray-900 via-purple-900/20 to-gray-900 p-6">
<div className="max-w-7xl mx-auto space-y-6">
<div className="max-w-6xl mx-auto space-y-6">
<div className="flex items-center justify-between">
<div className="flex items-center gap-4">
<div className="p-3 bg-purple-500/20 rounded-xl">

2
client/pages/Directory.tsx
View file

@ -437,7 +437,7 @@ export default function Directory() {
</div>
</section>
<section className="container mx-auto max-w-7xl px-4 mt-6">
<section className="container mx-auto max-w-6xl px-4 mt-6">
<Tabs defaultValue="devs">
<TabsList>
<TabsTrigger value="devs">Developers</TabsTrigger>

2
client/pages/FoundationDownloadCenter.tsx
View file

@ -211,7 +211,7 @@ export default function FoundationDownloadCenter() {
return (
<Layout>
<div className="min-h-screen bg-gradient-to-br from-slate-950 via-purple-900/20 to-slate-950 py-12 px-4">
<div className="max-w-7xl mx-auto">
<div className="max-w-6xl mx-auto">
{/* Header */}
<div className="mb-12 text-center">
<h1 className="text-4xl font-bold text-white mb-4">

2
client/pages/Network.tsx
View file

@ -121,7 +121,7 @@ export default function Network() {
return (
<Layout>
<div className="min-h-screen bg-aethex-gradient py-8">
<div className="container mx-auto px-4 max-w-7xl grid grid-cols-1 lg:grid-cols-12 gap-6">
<div className="container mx-auto px-4 max-w-6xl grid grid-cols-1 lg:grid-cols-12 gap-6">
{/* Public Profile */}
<div className="lg:col-span-4 space-y-6">
<Card className="bg-card/50 border-border/50">

2
client/pages/Portal.tsx
View file

@ -41,7 +41,7 @@ export default function Portal() {
return (
<Layout>
<div className="container mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-12 max-w-7xl">
<div className="container mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-12 max-w-6xl">
<div className="mb-8">
<Badge variant="outline" className="mb-2">
Portal

2
client/pages/Projects.tsx
View file

@ -87,7 +87,7 @@ export default function Projects() {
</div>
</section>
<section className="container mx-auto max-w-7xl px-4 mt-6">
<section className="container mx-auto max-w-6xl px-4 mt-6">
{hasProjects ? (
<div className="grid gap-6 md:grid-cols-2 xl:grid-cols-3">
{items.map((p) => (

2
client/pages/Squads.tsx
View file

@ -87,7 +87,7 @@ export default function Squads() {
return (
<Layout>
<div className="min-h-screen bg-[radial-gradient(circle_at_top,_rgba(110,141,255,0.12),transparent_60%)]">
<div className="container mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-12 max-w-7xl space-y-8">
<div className="container mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-12 max-w-6xl space-y-8">
{/* Header */}
<section className="rounded-3xl border border-border/40 bg-background/80 p-6 shadow-2xl backdrop-blur">
<div className="flex items-start justify-between">

2
client/pages/Teams.tsx
View file

@ -102,7 +102,7 @@ export default function Teams() {
return (
<Layout>
<div className="min-h-screen bg-[radial-gradient(circle_at_top,_rgba(110,141,255,0.12),transparent_60%)]">
<div className="container mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-12 max-w-7xl space-y-8">
<div className="container mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-12 max-w-6xl space-y-8">
<section className="rounded-3xl border border-border/40 bg-background/80 p-6 shadow-2xl backdrop-blur">
<h1 className="text-3xl font-semibold text-foreground">Teams</h1>
<p className="mt-1 text-sm text-muted-foreground">

2
client/pages/community/EthosGuild.tsx
View file

@ -137,7 +137,7 @@ export default function EthosGuild() {
<div className="pointer-events-none absolute top-40 right-20 w-96 h-96 bg-pink-500/20 rounded-full blur-3xl animate-blob" />
<div className="pointer-events-none absolute bottom-40 left-20 w-96 h-96 bg-cyan-500/15 rounded-full blur-3xl animate-blob animation-delay-2000" />
<div className="relative z-10 max-w-7xl mx-auto px-6 py-16 space-y-16">
<div className="relative z-10 max-w-6xl mx-auto px-6 py-16 space-y-16">
{/* Hero Section */}
<section className="space-y-6 text-center animate-slide-up">
<div className="space-y-3">

2
client/pages/community/MentorProfile.tsx
View file

@ -66,7 +66,7 @@ export default function MentorProfile() {
return (
<Layout>
<div className="container mx-auto max-w-7xl px-4 py-12">
<div className="container mx-auto max-w-6xl px-4 py-12">
<div className="mb-6">
<Badge variant="outline" className="mb-2">
Mentorship

2
client/pages/creators/CreatorDirectory.tsx
View file

@ -352,7 +352,7 @@ export default function CreatorDirectory() {
</section>
<section className="py-12 lg:py-20">
<div className="container mx-auto max-w-7xl px-4">
<div className="container mx-auto max-w-6xl px-4">
<div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
<div className="lg:col-span-1">
<div className="sticky top-24 space-y-4">

2
client/pages/dashboards/FoundationDashboard.tsx
View file

@ -141,7 +141,7 @@ export default function FoundationDashboard() {
className={`min-h-screen bg-gradient-to-b from-black to-black py-8 ${theme.fontClass}`}
style={{ backgroundImage: theme.wallpaperPattern }}
>
<div className="container mx-auto px-4 max-w-7xl space-y-8">
<div className="container mx-auto px-4 max-w-6xl space-y-8">
{/* Header */}
<div className="space-y-4 animate-slide-down">
<div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4">

2
client/pages/dashboards/GameForgeDashboard.tsx
View file

@ -179,7 +179,7 @@ export default function GameForgeDashboard() {
className={`min-h-screen bg-gradient-to-b from-black to-black py-8 ${theme.fontClass}`}
style={{ backgroundImage: theme.wallpaperPattern }}
>
<div className="container mx-auto px-4 max-w-7xl space-y-8">
<div className="container mx-auto px-4 max-w-6xl space-y-8">
{sprint ? (
<>
{/* Active Sprint Header */}

2
client/pages/dashboards/LabsDashboard.tsx
View file

@ -283,7 +283,7 @@ export default function LabsDashboard() {
className={`min-h-screen bg-gradient-to-b from-black to-black py-8 ${theme.fontClass}`}
style={{ backgroundImage: theme.wallpaperPattern }}
>
<div className="container mx-auto px-4 max-w-7xl space-y-8">
<div className="container mx-auto px-4 max-w-6xl space-y-8">
{/* Header */}
<div className="space-y-4 animate-slide-down">
<div className="flex items-center gap-3">

2
client/pages/dashboards/NexusDashboard.tsx
View file

@ -326,7 +326,7 @@ export default function NexusDashboard() {
return (
<Layout>
<div className="min-h-screen bg-gradient-to-b from-black via-purple-950/20 to-black py-8">
<div className="container mx-auto px-4 max-w-7xl space-y-8">
<div className="container mx-auto px-4 max-w-6xl space-y-8">
{/* Header with View Toggle */}
<div className="space-y-4 animate-slide-down">
<div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4">

2
client/pages/dashboards/StaffDashboard.tsx
View file

@ -164,7 +164,7 @@ export default function StaffDashboard() {
className={`min-h-screen bg-gradient-to-b from-black to-black py-8 ${theme.fontClass}`}
style={{ backgroundImage: theme.wallpaperPattern }}
>
<div className="container mx-auto px-4 max-w-7xl space-y-8">
<div className="container mx-auto px-4 max-w-6xl space-y-8">
{/* Header */}
<div className="space-y-4 animate-slide-down">
<h1

4
client/pages/hub/ClientContracts.tsx
View file

@ -14,7 +14,7 @@ export default function ClientContracts() {
<main className="relative z-10">
<section className="border-b border-slate-800 py-8">
<div className="container mx-auto max-w-7xl px-4">
<div className="container mx-auto max-w-6xl px-4">
<Button
variant="ghost"
size="sm"
@ -32,7 +32,7 @@ export default function ClientContracts() {
</section>
<section className="py-12">
<div className="container mx-auto max-w-7xl px-4">
<div className="container mx-auto max-w-6xl px-4">
<Card className="bg-slate-800/30 border-slate-700">
<CardContent className="p-12 text-center">
<FileText className="h-12 w-12 text-slate-600 mx-auto mb-4" />

2
client/pages/hub/ClientDashboard.tsx
View file

@ -218,7 +218,7 @@ export default function ClientDashboard() {
return (
<Layout>
<div className="min-h-screen bg-gradient-to-b from-black via-blue-950/20 to-black py-8">
<div className="container mx-auto px-4 max-w-7xl space-y-8">
<div className="container mx-auto px-4 max-w-6xl space-y-8">
{/* Header */}
<div className="space-y-4 animate-slide-down">
<Button

2
client/pages/hub/ClientHub.tsx
View file

@ -147,7 +147,7 @@ export default function ClientHub() {
return (
<Layout>
<div className="min-h-screen bg-gradient-to-b from-black via-blue-950/20 to-black py-8">
<div className="container mx-auto px-4 max-w-7xl space-y-8">
<div className="container mx-auto px-4 max-w-6xl space-y-8">
{/* Header */}
<div className="space-y-4 animate-slide-down">
<div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4">

4
client/pages/hub/ClientInvoices.tsx
View file

@ -14,7 +14,7 @@ export default function ClientInvoices() {
<main className="relative z-10">
<section className="border-b border-slate-800 py-8">
<div className="container mx-auto max-w-7xl px-4">
<div className="container mx-auto max-w-6xl px-4">
<Button
variant="ghost"
size="sm"
@ -32,7 +32,7 @@ export default function ClientInvoices() {
</section>
<section className="py-12">
<div className="container mx-auto max-w-7xl px-4">
<div className="container mx-auto max-w-6xl px-4">
<Card className="bg-slate-800/30 border-slate-700">
<CardContent className="p-12 text-center">
<FileText className="h-12 w-12 text-slate-600 mx-auto mb-4" />

6
client/pages/hub/ClientProjects.tsx
View file

@ -136,7 +136,7 @@ export default function ClientProjects() {
<main className="relative z-10">
{/* Header */}
<section className="border-b border-slate-800 py-8">
<div className="container mx-auto max-w-7xl px-4">
<div className="container mx-auto max-w-6xl px-4">
<Button
variant="ghost"
size="sm"
@ -158,7 +158,7 @@ export default function ClientProjects() {
{/* Filters */}
<section className="border-b border-slate-800 py-6">
<div className="container mx-auto max-w-7xl px-4">
<div className="container mx-auto max-w-6xl px-4">
<div className="space-y-4">
{/* Search */}
<div className="relative">
@ -207,7 +207,7 @@ export default function ClientProjects() {
{/* Projects Grid */}
<section className="py-12">
<div className="container mx-auto max-w-7xl px-4">
<div className="container mx-auto max-w-6xl px-4">
{filteredProjects.length === 0 ? (
<Card className="bg-slate-800/30 border-slate-700">
<CardContent className="p-12 text-center">

4
client/pages/hub/ClientReports.tsx
View file

@ -14,7 +14,7 @@ export default function ClientReports() {
<main className="relative z-10">
<section className="border-b border-slate-800 py-8">
<div className="container mx-auto max-w-7xl px-4">
<div className="container mx-auto max-w-6xl px-4">
<Button
variant="ghost"
size="sm"
@ -32,7 +32,7 @@ export default function ClientReports() {
</section>
<section className="py-12">
<div className="container mx-auto max-w-7xl px-4">
<div className="container mx-auto max-w-6xl px-4">
<Card className="bg-slate-800/30 border-slate-700">
<CardContent className="p-12 text-center">
<TrendingUp className="h-12 w-12 text-slate-600 mx-auto mb-4" />

4
client/pages/hub/ClientSettings.tsx
View file

@ -14,7 +14,7 @@ export default function ClientSettings() {
<main className="relative z-10">
<section className="border-b border-slate-800 py-8">
<div className="container mx-auto max-w-7xl px-4">
<div className="container mx-auto max-w-6xl px-4">
<Button
variant="ghost"
size="sm"
@ -32,7 +32,7 @@ export default function ClientSettings() {
</section>
<section className="py-12">
<div className="container mx-auto max-w-7xl px-4">
<div className="container mx-auto max-w-6xl px-4">
<Card className="bg-slate-800/30 border-slate-700">
<CardContent className="p-12 text-center">
<Settings className="h-12 w-12 text-slate-600 mx-auto mb-4" />

2
client/pages/opportunities/OpportunitiesHub.tsx
View file

@ -176,7 +176,7 @@ export default function OpportunitiesHub() {
{/* Main Content */}
<section className="py-12 lg:py-20">
<div className="container mx-auto max-w-7xl px-4">
<div className="container mx-auto max-w-6xl px-4">
<div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
{/* Filters Sidebar */}
<div className="lg:col-span-1">