mirror of
https://github.com/langgenius/dify.git
synced 2026-02-28 12:25:14 +00:00
bf12445960
The sidebar layout was broken when ArtifactsSection expanded - it would squeeze the FileTree and neither area could scroll. This restructures the layout so each section has its own scroll container with proper height constraints.
15 lines
429 B
TypeScript
15 lines
429 B
TypeScript
import type { FC, PropsWithChildren } from 'react'
|
|
import * as React from 'react'
|
|
|
|
type SidebarProps = PropsWithChildren
|
|
|
|
const Sidebar: FC<SidebarProps> = ({ children }) => {
|
|
return (
|
|
<aside className="flex h-full w-[320px] shrink-0 flex-col gap-px overflow-hidden rounded-[10px] border border-components-panel-border-subtle bg-components-panel-bg">
|
|
{children}
|
|
</aside>
|
|
)
|
|
}
|
|
|
|
export default React.memo(Sidebar)
|