mirror of
https://github.com/danny-avila/LibreChat.git
synced 2026-03-09 17:42:38 +01:00
🧠 style: Expanded Thinking footer, Banner links, and Copy Thoughts accessibility (#11142)
* feat(Thinking): Add ThinkingFooter component for improved UX * style(Banner): auto-style hyperlinks in banner messages * fix: Simplify ThinkingFooter component by removing unused content prop and update aria-label for accessibility * fix: Correct import order for consistency in Thinking component * fix(ThinkingFooter): Update documentation to clarify footer functionality
This commit is contained in:
parent
28f4800e95
commit
a59bab4dc7
4 changed files with 53 additions and 9 deletions
|
|
@ -38,10 +38,13 @@ export const Banner = ({ onHeightChange }: { onHeightChange?: (height: number) =
|
|||
return (
|
||||
<div
|
||||
ref={bannerRef}
|
||||
className="sticky top-0 z-20 flex items-center bg-surface-secondary px-2 py-1 text-text-primary dark:bg-gradient-to-r md:relative"
|
||||
className="sticky top-0 z-20 flex items-center bg-presentation px-2 py-1 text-text-primary dark:bg-gradient-to-r md:relative"
|
||||
>
|
||||
<div
|
||||
className={cn('text-md w-full truncate text-center', !banner.persistable && 'px-4')}
|
||||
className={cn(
|
||||
'text-md w-full truncate text-center [&_a]:text-blue-700 [&_a]:underline dark:[&_a]:text-blue-400',
|
||||
!banner.persistable && 'px-4',
|
||||
)}
|
||||
dangerouslySetInnerHTML={{ __html: banner.message }}
|
||||
></div>
|
||||
{!banner.persistable && (
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue