fix: improve graph zoom control and node expansion functionality

• Fix container padding in zoom calculation
• Extract node size update into helper fn
• Update node sizes for empty expansions
This commit is contained in:
yangdx
2025-03-15 20:40:22 +08:00
parent 4ea0b85a03
commit bfbcdcb06a
2 changed files with 30 additions and 23 deletions

View File

@@ -4,7 +4,6 @@ import Button from '@/components/ui/Button'
import { ZoomInIcon, ZoomOutIcon, FullscreenIcon } from 'lucide-react'
import { controlButtonVariant } from '@/lib/constants'
import { useTranslation } from 'react-i18next';
import { combine } from 'zustand/middleware'
/**
* Component that provides zoom controls for the graph viewer.
@@ -67,8 +66,8 @@ const ZoomControl = () => {
// Calculate base scale
const scale = Math.min(
(containerWidth - containerPadding) / width,
(containerHeight - containerPadding) / height
(containerWidth - containerPadding * 2) / width,
(containerHeight - containerPadding * 2) / height
)
// Apply scaling factor (just don't know why)
const ratio = (1 / scale) * 10