vndangkhoa/kv-port
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix Portfolio light theme shows actual color

Browse source
This commit is contained in:
vndangkhoa 2026-04-29 17:05:14 +07:00
parent 245fbf7697
commit abd73a4864
1 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/App.jsx
View file

@ -49,15 +49,13 @@ function TetrisPiece({ piece, isDark }) {
// For desktop non-static: start gray, show hover color when hovering // For desktop non-static: start gray, show hover color when hovering
// For mobile dark: use colorDark for less gray // For mobile dark: use colorDark for less gray
// For mobile light: use actual color // For mobile light: use actual color
const bgColor = piece.label === 'cv' const bgColor = (piece.label === 'cv' || isStatic)
? piece.color ? piece.color
: (isStatic) : (isMobile && isDark)
? piece.color // Static pieces show color immediately ? (color || piece.colorDark || piece.color)
: (isMobile && isDark) : (isMobile)
? (color || piece.colorDark || piece.color) ? (color || piece.color)
: (isMobile) : '#cccccc'; // Start gray for desktop only
? (color || piece.color)
: '#cccccc'; // Start gray for desktop only
const rowDelay = (piece.startY * 10) + (piece.startX * 2); // Stagger based on both X and Y position const rowDelay = (piece.startY * 10) + (piece.startX * 2); // Stagger based on both X and Y position
const textColor = '#ffffff'; const textColor = '#ffffff';