style: Update selected inventory slot outline color for improved UI consistency
This commit is contained in:
@@ -566,7 +566,7 @@ function TurtleDetails({ turtle }) {
|
|||||||
className={`inventory-slot ${item ? 'filled' : 'empty'} ${isSelected ? 'selected-slot' : ''}`}
|
className={`inventory-slot ${item ? 'filled' : 'empty'} ${isSelected ? 'selected-slot' : ''}`}
|
||||||
title={item ? `${item.name.replace('minecraft:', '').replace(/_/g, ' ')} (${item.count}) — Click to select` : `Slot ${slotIndex + 1} — Click to select`}
|
title={item ? `${item.name.replace('minecraft:', '').replace(/_/g, ' ')} (${item.count}) — Click to select` : `Slot ${slotIndex + 1} — Click to select`}
|
||||||
onClick={() => handleSlotClick(slotIndex)}
|
onClick={() => handleSlotClick(slotIndex)}
|
||||||
style={isSelected ? { outline: '2px solid #60a5fa', outlineOffset: '-2px' } : {}}
|
style={isSelected ? { outline: '2px solid #55ffff', outlineOffset: '-2px' } : {}}
|
||||||
>
|
>
|
||||||
{item ? (
|
{item ? (
|
||||||
<>
|
<>
|
||||||
|
|||||||
Reference in New Issue
Block a user