Add reset button for edge size

This commit is contained in:
yangdx
2025-04-05 13:38:28 +08:00
parent f8fb882241
commit 0ce765362e

View File

@@ -313,19 +313,31 @@ export default function Settings() {
max={Math.min(maxEdgeSize, 10)} max={Math.min(maxEdgeSize, 10)}
/> />
<span>-</span> <span>-</span>
<Input <div className="flex items-center gap-1">
type="number" <Input
value={maxEdgeSize} type="number"
onChange={(e) => { value={maxEdgeSize}
const newValue = Number(e.target.value); onChange={(e) => {
if (!isNaN(newValue) && newValue >= minEdgeSize && newValue >= 1 && newValue <= 10) { const newValue = Number(e.target.value);
useSettingsStore.setState({ maxEdgeSize: newValue }); if (!isNaN(newValue) && newValue >= minEdgeSize && newValue >= 1 && newValue <= 10) {
} useSettingsStore.setState({ maxEdgeSize: newValue });
}} }
className="h-6 w-16 min-w-0 pr-1" }}
min={minEdgeSize} className="h-6 w-16 min-w-0 pr-1"
max={10} min={minEdgeSize}
/> max={10}
/>
<Button
variant="ghost"
size="icon"
className="h-6 w-6 flex-shrink-0 hover:bg-muted text-muted-foreground hover:text-foreground"
onClick={() => useSettingsStore.setState({ minEdgeSize: 1, maxEdgeSize: 5 })}
type="button"
title={t('graphPanel.sideBar.settings.resetToDefault')}
>
<Undo2 className="h-3.5 w-3.5" />
</Button>
</div>
</div> </div>
</div> </div>