优化悬浮调色盘组件的初始位置计算,确保左边缘在屏幕内并调整边界限制,提升用户交互体验。

This commit is contained in:
zihanjian
2025-06-06 15:29:54 +08:00
parent 0cf5023e17
commit f9c1caab67

View File

@@ -45,10 +45,10 @@ const FloatingColorPalette: React.FC<FloatingColorPaletteProps> = ({
isActive,
onActivate
}) => {
// 计算初始位置,确保在屏幕内显示
// 计算初始位置,确保左边缘在屏幕内(小屏幕时右边缘可以超出)
const getInitialPosition = () => ({
x: Math.max(20, Math.min(20, window.innerWidth - 300)),
y: Math.max(100, Math.min(100, window.innerHeight - 400))
x: Math.max(0, Math.min(20, window.innerWidth - 280)), // 确保左边缘至少是0
y: Math.max(0, Math.min(100, window.innerHeight - 400)) // 确保上边缘至少是0
});
const [position, setPosition] = useState({ x: 20, y: 100 });