Fix left wrapper.

CQCL · Sep 16, 2024 · d144733 · d144733
1 parent 63d3031
commit d144733
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/custom/docs/components/header/index.tsx b/src/custom/docs/components/header/index.tsx
@@ -37,7 +37,9 @@ const Left = React.forwardRef<
 HTMLDivElement,
 React.InputHTMLAttributes<HTMLParagraphElement>
 >(({ className, type, ...props }, ref) => {
-  return <div className="mb-4 mt-0 md:mt-6 flex flex-col " ref={ref}>{props.children}</div>
+
+  return<div className="relative mx-auto flex flex-grow flex-wrap flex-col py-4">
+   <div className="mb-4 mt-0 md:mt-6 flex flex-col" ref={ref}>{props.children}</div></div>
 
 })
 Left.displayName = 'Left'
@@ -62,7 +64,7 @@ HTMLDivElement,
 React.InputHTMLAttributes<HTMLParagraphElement>
 >(({ className, type, ...props }, ref) => {
   return  <div className="flex w-full my-4" ref={ref}>
-      <div className="relative mx-auto flex flex-grow flex-wrap flex-col py-4">{props.children}</div></div>
+      {props.children}</div>
 
 })
 Wrapper.displayName = 'Wrapper'

diff --git a/stories/custom/docs-header.stories.tsx b/stories/custom/docs-header.stories.tsx
@@ -8,7 +8,6 @@ import { RocketIcon } from "lucide-react";
 export function DocsHeaderDemo() {
   return <Wrapper>
     <Left>  
-        {/* <LeftTitle>Quantinuum Nexus</LeftTitle> */}
         <NexusLogo
           variant="horizontal"
           className="w-[18rem] md:w-[23rem]"