youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-05 01:48:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: prevent horizontal page scroll in skill editor layout

Browse Source 
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.
This commit is contained in:
yyh
2026-01-22 15:17:12 +08:00
parent ed60a375b5
commit ff07ca97df
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/components/workflow/skill/content-area.tsx
View File

@ -5,7 +5,7 @@ type ContentAreaProps = PropsWithChildren
const ContentArea: FC<ContentAreaProps> = ({ children }) => { const ContentArea: FC<ContentAreaProps> = ({ children }) => {
return ( return (
<section className="flex min-h-0 flex-1 flex-col rounded-lg"> <section className="flex min-h-0 min-w-0 flex-1 flex-col rounded-lg">
{children} {children}
</section> </section>
) )

2
web/app/components/workflow/skill/content-body.tsx
View File

@ -5,7 +5,7 @@ type ContentBodyProps = PropsWithChildren
const ContentBody: FC<ContentBodyProps> = ({ children }) => { const ContentBody: FC<ContentBodyProps> = ({ children }) => {
return ( return (
<div className="flex min-h-0 flex-1"> <div className="flex min-h-0 min-w-0 flex-1">
{children} {children}
</div> </div>
) )

2
web/app/components/workflow/skill/skill-page-layout.tsx
View File

@ -5,7 +5,7 @@ type SkillPageLayoutProps = PropsWithChildren
const SkillPageLayout: FC<SkillPageLayoutProps> = ({ children }) => { const SkillPageLayout: FC<SkillPageLayoutProps> = ({ children }) => {
return ( return (
<div className="flex h-full gap-3"> <div className="flex h-full gap-3 overflow-hidden">
{children} {children}
</div> </div>
) )