final implementation of requested behaviors
This commit is contained in:
parent
f556b7dcc0
commit
e660dfa637
1 changed files with 7 additions and 2 deletions
|
|
@ -44,8 +44,13 @@ function TetrisPiece({ piece, isDark }) {
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
// Start with background color (will be overridden by animation for mobile)
|
// For desktop: start gray, show hover color when hovering
|
||||||
const bgColor = piece.label === 'cv' ? piece.color : (isDark ? piece.colorDark : piece.color);
|
// For mobile: use actual color (will be animated)
|
||||||
|
const bgColor = piece.label === 'cv'
|
||||||
|
? piece.color
|
||||||
|
: (isDark || isMobile)
|
||||||
|
? (color || piece.color)
|
||||||
|
: '#cccccc'; // Start gray for desktop
|
||||||
const rowDelay = piece.startY * 8;
|
const rowDelay = piece.startY * 8;
|
||||||
const textColor = '#ffffff';
|
const textColor = '#ffffff';
|
||||||
const isStatic = piece.label === 'cv' || piece.featured;
|
const isStatic = piece.label === 'cv' || piece.featured;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue