admin/flowgram.ai
1
0
Fork 0
mirror of https://gitee.com/ByteDance/flowgram.ai.git synced 2025-07-07 17:43:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(free-demo): beautify minimap style

Browse Source
This commit is contained in:
liuyangxing 2025-02-28 11:23:20 +08:00
parent 6a39245cc7
commit 71cc860e77
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/demo-free-layout/src/components/tools/index.tsx
View File

@ -21,7 +21,7 @@ export const DemoTools = () => {
const { history, playground } = useClientContext(); const { history, playground } = useClientContext();
const [canUndo, setCanUndo] = useState(false); const [canUndo, setCanUndo] = useState(false);
const [canRedo, setCanRedo] = useState(false); const [canRedo, setCanRedo] = useState(false);
const [minimapVisible, setMinimapVisible] = useState(false); const [minimapVisible, setMinimapVisible] = useState(true);
useEffect(() => { useEffect(() => {
const disposable = history.undoRedoService.onChange(() => { const disposable = history.undoRedoService.onChange(() => {
setCanUndo(history.canUndo()); setCanUndo(history.canUndo());

12
apps/demo-free-layout/src/hooks/use-editor-props.tsx
View File

@ -134,18 +134,18 @@ export function useEditorProps(
canvasWidth: 182, canvasWidth: 182,
canvasHeight: 102, canvasHeight: 102,
canvasPadding: 50, canvasPadding: 50,
canvasBackground: 'rgba(245, 245, 245, 1)', canvasBackground: 'rgba(242, 243, 245, 1)',
canvasBorderRadius: 10, canvasBorderRadius: 10,
viewportBackground: 'rgba(235, 235, 235, 1)', viewportBackground: 'rgba(255, 255, 255, 1)',
viewportBorderRadius: 4, viewportBorderRadius: 4,
viewportBorderColor: 'rgba(201, 201, 201, 1)', viewportBorderColor: 'rgba(6, 7, 9, 0.10)',
viewportBorderWidth: 1, viewportBorderWidth: 1,
viewportBorderDashLength: 2, viewportBorderDashLength: undefined,
nodeColor: 'rgba(255, 255, 255, 1)', nodeColor: 'rgba(0, 0, 0, 0.10)',
nodeBorderRadius: 2, nodeBorderRadius: 2,
nodeBorderWidth: 0.145, nodeBorderWidth: 0.145,
nodeBorderColor: 'rgba(6, 7, 9, 0.10)', nodeBorderColor: 'rgba(6, 7, 9, 0.10)',
overlayColor: 'rgba(255, 255, 255, 0)', overlayColor: 'rgba(255, 255, 255, 0.55)',
}, },
inactiveDebounceTime: 1, inactiveDebounceTime: 1,
}), }),