优化悬浮调色盘组件的初始位置计算,确保左边缘在屏幕内并调整边界限制,提升用户交互体验。
This commit is contained in:
@@ -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 });
|
||||
|
||||
Reference in New Issue
Block a user