refactor: small style tweaks

- cursor styles on dnd
This commit is contained in:
Carlos Valente
2025-07-27 16:46:08 +02:00
committed by Carlos Valente
parent 3ce539af2a
commit 8a7f8c8ebc
8 changed files with 23 additions and 5 deletions
@@ -95,7 +95,7 @@ export default function RundownBlock({ data, hasCursor, collapsed, onCollapse }:
zIndex: isDragging ? 2 : 'inherit',
transform: CSS.Translate.toString(transform),
transition,
cursor: isOver ? (isValidDrop ? 'grabbing' : 'no-drop') : 'default',
cursor: isOver ? (isValidDrop ? 'grabbing' : 'no-drop') : 'grab',
};
return (
@@ -37,6 +37,7 @@ export default function RundownDelay({ data, hasCursor }: RundownDelayProps) {
const dragStyle = {
zIndex: isDragging ? 2 : 'inherit',
cursor: isDragging ? 'grabbing' : 'grab',
transform: CSS.Translate.toString(transform),
transition,
};
@@ -201,6 +201,7 @@ export default function RundownEvent({
const dragStyle = {
zIndex: isDragging ? 2 : 'inherit',
cursor: isDragging ? 'grabbing' : 'grab',
transform: CSS.Translate.toString(transform),
transition,
};
@@ -70,6 +70,7 @@ export default function RundownMilestone({ colour, cue, entryId, hasCursor, titl
const dragStyle = {
zIndex: isDragging ? 2 : 'inherit',
cursor: isDragging ? 'grabbing' : 'grab',
transform: CSS.Translate.toString(transform),
transition,
};