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:07:45 +07:00
parent abd73a4864
commit 5a63ed7d74
1 changed files with 15 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/App.jsx
View file

@ -45,17 +45,21 @@ function TetrisPiece({ piece, isDark }) {
}
};
// For static pieces (CV, Portfolio): show actual color immediately
// For desktop non-static: start gray, show hover color when hovering
// For mobile dark: use colorDark for less gray
// For mobile light: use actual color
const bgColor = (piece.label === 'cv' || isStatic)
? piece.color
: (isMobile && isDark)
? (color || piece.colorDark || piece.color)
: (isMobile)
? (color || piece.color)
: '#cccccc'; // Start gray for desktop only
// Determine background color based on piece type and view
let bgColor;
if (piece.label === 'cv' || piece.label === 'portfolio' || piece.featured) {
// Static pieces (CV, Portfolio): show actual color immediately
bgColor = piece.color;
} else if (isMobile && isDark) {
// Mobile dark: use colorDark or actual color
bgColor = color || piece.colorDark || piece.color;
} else if (isMobile) {
// Mobile light: use actual color (with hover)
bgColor = color || piece.color;
} else {
// Desktop: start gray, show hover color when hovering
bgColor = '#cccccc';
}
const rowDelay = (piece.startY * 10) + (piece.startX * 2); // Stagger based on both X and Y position
const textColor = '#ffffff';