@0.2.6: header is options in layout; header has className prop.

hanzoai · Feb 2, 2024 · 58d4f77 · 58d4f77
1 parent 9c237ae
commit 58d4f77
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/pkgs/luxdefi-ui/common/header/index.tsx b/pkgs/luxdefi-ui/common/header/index.tsx
@@ -6,12 +6,16 @@ import { type ButtonVariants, LinkElement, DrawerMenu } from '../../primitives'
 import { NavItems, Icons } from '../../common'
 import MobileNav from './mobile-nav'
 
+import { cn } from '../../util'
+
 const Header: React.FC<{
   siteDef: SiteDef
+  className?: string
 }> = ({
-  siteDef
+  siteDef,
+  className = ''
 }) => (
-  <header className="bg-background sticky z-10 top-0">
+  <header className={cn('bg-background sticky z-10 top-0 ', className)} >
     <div className="hidden md:flex flex-row md:h-[80px] items-center justify-between px-[32px] 2xl:mx-auto max-w-screen-2xl">
       <Logo size='md' className='hidden lg:flex' key='two'/>
       <Logo size='sm' className='hidden md:flex lg:hidden' key='one'/>

diff --git a/pkgs/luxdefi-ui/next/root-layout.tsx b/pkgs/luxdefi-ui/next/root-layout.tsx
@@ -29,7 +29,11 @@ const viewport = {
 
 const bodyClasses = 'bg-background text-foreground ' + getAppRouterBodyFontClasses() 
 
-const RootLayout: React.FC<PropsWithChildren & { siteDef: SiteDef }> = ({ 
+const RootLayout: React.FC<PropsWithChildren & { 
+  siteDef: SiteDef 
+  header?: boolean
+}> = ({ 
+  header = true,
   siteDef,
   children,
 }) =>  (
@@ -39,7 +43,7 @@ const RootLayout: React.FC<PropsWithChildren & { siteDef: SiteDef }> = ({
       <base target='_blank' />
     </head>
     <body className={bodyClasses}>
-      <Header siteDef={siteDef}/>
+      {header && <Header siteDef={siteDef}/>}
       {children}
     </body>
   </html>

diff --git a/pkgs/luxdefi-ui/package.json b/pkgs/luxdefi-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@luxdefi/ui",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "Library that contains shared UI primitives, styles, and core types",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",