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

fix Portfolio light theme static color

Browse source
This commit is contained in:
vndangkhoa 2026-04-29 17:09:29 +07:00
parent 5a63ed7d74
commit 1ae199ea04
1 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/App.jsx
View file

@ -74,12 +74,15 @@ if (piece.label === 'cv' || piece.label === 'portfolio' || piece.featured) {
animationFillMode: 'forwards', animationFillMode: 'forwards',
}; };
// For desktop: use hoverColor when hovering, otherwise gray // For static pieces: always show piece.color
// For desktop non-static: show hoverColor when hovering, otherwise gray
// For mobile: use blinkColor for animation (will start dim via animation) // For mobile: use blinkColor for animation (will start dim via animation)
const bgStyle = { const bgStyle = {
position: 'absolute', position: 'absolute',
inset: 0, inset: 0,
backgroundColor: isDark || isMobile backgroundColor: isStatic
? piece.color // Static pieces always show their color
: (isDark || isMobile)
? (color || bgColor) // Use actual color for blink animation ? (color || bgColor) // Use actual color for blink animation
: (isHovered ? (piece.hoverColor || color) : '#cccccc'), // Hover color or gray : (isHovered ? (piece.hoverColor || color) : '#cccccc'), // Hover color or gray
transition: 'background-color 0.15s ease', transition: 'background-color 0.15s ease',