fix(opds): make saved catalog card hover distinct from dialog background (#4673)
The saved catalog cards used hover:bg-base-200/40. Since base-200 is only ~5% off base-100, applying it at 40% alpha shifted the background by roughly 2%, and with the dialog itself sitting at base-200 the hover collapsed into the dialog color, making the hovered card blend in. Use hover:bg-base-300 (~12% off base-100) so the hover state is clearly separated from both the resting card (base-100) and the dialog (base-200). Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -459,7 +459,7 @@ export function CatalogManager({ inSubPage = false }: CatalogManagerProps = {})
|
||||
'focus-visible:ring-base-content/15 focus-visible:outline-none focus-visible:ring-2',
|
||||
catalog.disabled
|
||||
? 'cursor-not-allowed opacity-60'
|
||||
: 'hover:bg-base-200/40 cursor-pointer',
|
||||
: 'hover:bg-base-300 cursor-pointer',
|
||||
)}
|
||||
>
|
||||
<div className='flex flex-1 flex-col gap-2.5 px-4 pb-2 pt-4'>
|
||||
|
||||
Reference in New Issue
Block a user