mirror of
https://github.com/langgenius/dify.git
synced 2026-03-14 03:18:36 +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
345 B
TypeScript
15 lines
345 B
TypeScript
import type { FC, PropsWithChildren } from 'react'
|
|
import * as React from 'react'
|
|
|
|
type SkillPageLayoutProps = PropsWithChildren
|
|
|
|
const SkillPageLayout: FC<SkillPageLayoutProps> = ({ children }) => {
|
|
return (
|
|
<div className="flex h-full gap-3 overflow-hidden">
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default React.memo(SkillPageLayout)
|