saulteafarmer/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Stirling-Tools/Stirling-PDF.git synced 2025-08-26 14:19:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Moved scroll out to tool panel and works better with zoom

Browse Source
This commit is contained in:
Connor Yoh 2025-08-25 15:10:51 +01:00
parent 888bac9408
commit b1508e1631
2 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/components/tools/ToolPanel.tsx
View File

@ -8,6 +8,7 @@ import ToolRenderer from './ToolRenderer';
import ToolSearch from './toolPicker/ToolSearch'; import ToolSearch from './toolPicker/ToolSearch';
import { useSidebarContext } from "../../contexts/SidebarContext"; import { useSidebarContext } from "../../contexts/SidebarContext";
import rainbowStyles from '../../styles/rainbow.module.css'; import rainbowStyles from '../../styles/rainbow.module.css';
import { Stack, ScrollArea } from '@mantine/core';
// No props needed - component uses context // No props needed - component uses context
@ -91,15 +92,17 @@ export default function ToolPanel() {
</div> </div>
) : ( ) : (
// Selected Tool Content View // Selected Tool Content View
<div className="flex-1 flex flex-col"> <div className="flex-1 flex flex-col overflow-hidden">
{/* Tool content */} {/* Tool content */}
<div className="flex-1 min-h-0"> <div className="flex-1 min-h-0 overflow-hidden">
{selectedToolKey && ( <ScrollArea h="100%">
<ToolRenderer {selectedToolKey && (
selectedToolKey={selectedToolKey} <ToolRenderer
onPreviewFile={setPreviewFile} selectedToolKey={selectedToolKey}
/> onPreviewFile={setPreviewFile}
)} />
)}
</ScrollArea>
</div> </div>
</div> </div>
)} )}

3
frontend/src/components/tools/shared/createToolFlow.tsx
View File

@ -65,7 +65,8 @@ export function createToolFlow(config: ToolFlowConfig) {
const steps = createToolSteps(); const steps = createToolSteps();
return ( return (
<Stack gap="sm" p="sm" h="95vh" w="100%" style={{ overflow: 'auto' }}> <Stack gap="sm" p="sm" >
{/* <Stack gap="sm" p="sm" h="100%" w="100%" style={{ overflow: 'auto' }}> */}
<ToolStepProvider forceStepNumbers={config.forceStepNumbers}> <ToolStepProvider forceStepNumbers={config.forceStepNumbers}>
{config.title && <ToolWorkflowTitle {...config.title} />} {config.title && <ToolWorkflowTitle {...config.title} />}