mirror of
				https://github.com/langgenius/dify.git
				synced 2025-11-03 20:33:00 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			28 lines
		
	
	
		
			680 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			28 lines
		
	
	
		
			680 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
'use client'
 | 
						|
import { usePathname } from 'next/navigation'
 | 
						|
import s from './index.module.css'
 | 
						|
import classNames from '@/utils/classnames'
 | 
						|
 | 
						|
type HeaderWrapperProps = {
 | 
						|
  children: React.ReactNode
 | 
						|
}
 | 
						|
 | 
						|
const HeaderWrapper = ({
 | 
						|
  children,
 | 
						|
}: HeaderWrapperProps) => {
 | 
						|
  const pathname = usePathname()
 | 
						|
  const isBordered = ['/apps', '/datasets', '/datasets/create', '/tools'].includes(pathname)
 | 
						|
 | 
						|
  return (
 | 
						|
    <div className={classNames(
 | 
						|
      'sticky top-0 left-0 right-0 z-30 flex flex-col grow-0 shrink-0 basis-auto min-h-[56px]',
 | 
						|
      s.header,
 | 
						|
      isBordered ? 'border-b border-divider-regular' : '',
 | 
						|
    )}
 | 
						|
    >
 | 
						|
      {children}
 | 
						|
    </div>
 | 
						|
  )
 | 
						|
}
 | 
						|
export default HeaderWrapper
 |