Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-01-12 05:28:51 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

style(Action): improve a11y again

Browse source
This commit is contained in:
Danny Avila 2024-09-04 15:22:41 -04:00
parent 8f3fe4aec3
commit a4c2bd7278
No known key found for this signature in database
GPG key ID: 2DD9CC89B9B50364
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
client/src/components/SidePanel/Builder/Action.tsx
View file

@ -16,7 +16,7 @@ export default function Action({ action, onClick }: { action: Action; onClick: (
onClick();
}
}}
className="flex w-full rounded-lg text-sm hover:cursor-pointer focus:outline-none focus:ring-2 focus:ring-text-primary"
className="group flex w-full rounded-lg border border-border-medium text-sm hover:cursor-pointer focus:outline-none focus:ring-2 focus:ring-text-primary"
onMouseEnter={() => setIsHovering(true)}
onMouseLeave={() => setIsHovering(false)}
aria-label={`Action for ${action.metadata.domain}`}
@ -29,7 +29,7 @@ export default function Action({ action, onClick }: { action: Action; onClick: (
</div>
<div
className={cn(
'flex h-9 w-9 min-w-9 items-center justify-center rounded-lg transition-colors duration-200 hover:bg-surface-tertiary focus:outline-none focus:ring-2 focus:ring-text-primary',
'h-9 w-9 min-w-9 items-center justify-center rounded-lg transition-colors duration-200 hover:bg-surface-tertiary focus:outline-none focus:ring-2 focus:ring-text-primary group-focus:flex',
isHovering ? 'flex' : 'hidden',
)}
aria-label="Settings"