Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-04-21 14:59:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix layout overflow issues on bigger screens

Browse Source
This commit is contained in:
Johnpaul
2025-08-28 01:00:00 +01:00
parent f6dc62ab8f
commit 5d88200aae
12 changed files with 141 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/services/dialogService.ts
View File

@@ -118,7 +118,8 @@ export const useDialogService = () => {
headerComponent: TemplateWorkflowsDialogHeader,
dialogComponentProps: {
pt: {
content: { class: '!px-0 overflow-y-hidden' }
root: { style: 'width: 90vw; height: 85vh; max-width: 1600px;' },
content: { class: '!px-0 overflow-x-hidden overflow-y-hidden' }
}
},
props
@@ -131,14 +132,18 @@ export const useDialogService = () => {
modal: true,
closable: false,
pt: {
content: { class: '!px-0' },
root: { style: 'width: 90vw; max-width: 1400px; height: 85vh;' }
content: { class: '!px-0 overflow-hidden' },
// Let internal layout manage its own max-width; prevent child from exceeding and causing scrollWidth > clientWidth
root: {
style: 'width: 90vw; height: 85vh; max-width: 1400px; display: flex;'
}
}
}
showLayoutDialog({
key: 'global-workflow-template-selector',
component: WorkflowTemplateSelector,
// Pass through sizing hint so inner layout adapts to parent rather than viewport
props: {
onClose: () =>
dialogStore.closeDialog({ key: 'global-workflow-template-selector' })