Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-17 08:50:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 7

☀️ a11y: Add Missing Focus to Model Selector in Light Mode (#7607)

Browse source
This commit is contained in:
derek jackson 2025-05-29 08:27:23 -04:00 • committed by GitHub
parent 5cf86b347f
commit b846f562be
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
client/src/components/Chat/Menus/Endpoints/CustomMenu.tsx
View file

@ -44,7 +44,7 @@ export const CustomMenu = React.forwardRef<HTMLDivElement, CustomMenuProps>(func
{...props} {...props}
className={cn( className={cn(
!parent && !parent &&
'flex h-10 w-full items-center justify-center gap-2 rounded-xl border border-border-light px-3 py-2 text-sm text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white', 'flex h-10 w-full items-center justify-center gap-2 rounded-xl border border-border-light px-3 py-2 text-sm text-text-primary',
menuStore.useState('open') menuStore.useState('open')
? 'bg-surface-tertiary hover:bg-surface-tertiary' ? 'bg-surface-tertiary hover:bg-surface-tertiary'
: 'bg-surface-secondary hover:bg-surface-tertiary', : 'bg-surface-secondary hover:bg-surface-tertiary',

2
client/src/components/Chat/Menus/Endpoints/ModelSelector.tsx
View file

@ -52,7 +52,7 @@ function ModelSelectorContent() {
const trigger = ( const trigger = (
<button <button
className="my-1 flex h-10 w-full max-w-[70vw] items-center justify-center gap-2 rounded-xl border border-border-light bg-surface-secondary px-3 py-2 text-sm text-text-primary hover:bg-surface-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white" className="my-1 flex h-10 w-full max-w-[70vw] items-center justify-center gap-2 rounded-xl border border-border-light bg-surface-secondary px-3 py-2 text-sm text-text-primary hover:bg-surface-tertiary"
aria-label={localize('com_ui_select_model')} aria-label={localize('com_ui_select_model')}
> >
{selectedIcon && React.isValidElement(selectedIcon) && ( {selectedIcon && React.isValidElement(selectedIcon) && (