mirror of
https://github.com/langgenius/dify.git
synced 2026-03-16 20:37:42 +08:00
Add overflow-hidden to SkillPageLayout and min-w-0 to flex children to ensure wide content (like SQLite tables with many columns) scrolls internally rather than causing the entire page to scroll horizontally.
15 lines
351 B
TypeScript
15 lines
351 B
TypeScript
import type { FC, PropsWithChildren } from 'react'
|
|
import * as React from 'react'
|
|
|
|
type ContentAreaProps = PropsWithChildren
|
|
|
|
const ContentArea: FC<ContentAreaProps> = ({ children }) => {
|
|
return (
|
|
<section className="flex min-h-0 min-w-0 flex-1 flex-col rounded-lg">
|
|
{children}
|
|
</section>
|
|
)
|
|
}
|
|
|
|
export default React.memo(ContentArea)
|