jason/polaris-task-force
1
0
Fork 0
Code Issues Wiki Activity

style(locker): increase wardrobe tooltip text size and use dark theme

Browse source 
- Change tooltip background from bg-foreground to bg-popover (dark)
- Increase text size from text-xs to text-sm
- Add border border-border for subtle definition
- Use font-semibold for slot name label
This commit is contained in:
Jason Fraley 2026-08-02 18:53:47 -04:00
parent be8e537385
commit 775b61e1f4
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/frontend/locker/Wardrobe.tsx
View file

@ -110,9 +110,13 @@ export function Wardrobe({
{asset ? getAssetIcon(asset.assetType, "size-3.5") : slotIcon(layout.icon, false)} {asset ? getAssetIcon(asset.assetType, "size-3.5") : slotIcon(layout.icon, false)}
</button> </button>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent side="right" sideOffset={8}> <TooltipContent
side="right"
sideOffset={8}
className="bg-popover text-popover-foreground border border-border text-sm px-3.5 py-2"
>
<div className="flex flex-col gap-0.5"> <div className="flex flex-col gap-0.5">
<span className="font-medium">{layout.label}</span> <span className="font-semibold">{layout.label}</span>
<span className="text-muted-foreground"> <span className="text-muted-foreground">
{asset ? asset.name : "Empty"} {asset ? asset.name : "Empty"}
</span> </span>