mirror of
				https://github.com/langgenius/dify.git
				synced 2025-10-31 02:42:59 +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
 | 
