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

completionId: cgen-d84ed894d6de4ba28ab6e04070fa2692

Browse source 
cgen-d84ed894d6de4ba28ab6e04070fa2692
This commit is contained in:
Builder.io 2025-11-09 09:09:05 +00:00
parent cba7e874c1
commit 99e212d511
1 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -115,8 +115,22 @@ export default function DocsLayout({
const isCurrentPage = (path: string) => location.pathname === path; const isCurrentPage = (path: string) => location.pathname === path;
const gridPatternStyle =
theme === "professional"
? {
backgroundImage: `
linear-gradient(0deg, transparent 24%, rgba(59, 130, 246, 0.05) 25%, rgba(59, 130, 246, 0.05) 26%, transparent 27%, transparent 74%, rgba(59, 130, 246, 0.05) 75%, rgba(59, 130, 246, 0.05) 76%, transparent 77%, transparent),
linear-gradient(90deg, transparent 24%, rgba(59, 130, 246, 0.05) 25%, rgba(59, 130, 246, 0.05) 26%, transparent 27%, transparent 74%, rgba(59, 130, 246, 0.05) 75%, rgba(59, 130, 246, 0.05) 76%, transparent 77%, transparent)
`,
backgroundSize: "50px 50px",
}
: undefined;
return ( return (
<div className={`min-h-screen ${colors.background} ${colors.foreground} transition-colors duration-300`}> <div
className={`min-h-screen ${colors.background} ${colors.foreground} transition-colors duration-300`}
style={gridPatternStyle}
>
{/* Sidebar */} {/* Sidebar */}
<aside <aside
className={`fixed inset-y-0 left-0 z-30 w-64 ${colors.sidebar} border-r ${colors.border} overflow-y-auto transition-all duration-300 pt-20 md:pt-0 ${ className={`fixed inset-y-0 left-0 z-30 w-64 ${colors.sidebar} border-r ${colors.border} overflow-y-auto transition-all duration-300 pt-20 md:pt-0 ${