Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-09-22 06:00:56 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

fix(HoverButtons): light/dark styling to match official site

Browse source
This commit is contained in:
Daniel Avila 2023-08-20 21:04:36 -04:00 • committed by Danny Avila
parent 61dcb4d307
commit 909b00c752
7 changed files with 8 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
client/src/components/Input/Generations/Continue.tsx
View file

@ -5,7 +5,7 @@ import Button from './Button';
export default function Continue({ onClick }: TGenButtonProps) { export default function Continue({ onClick }: TGenButtonProps) {
return ( return (
<Button type="continue" onClick={onClick}> <Button type="continue" onClick={onClick}>
<ContinueIcon className="text-gray-600/90" /> <ContinueIcon className="text-gray-600/90 dark:text-gray-400 " />
Continue Continue
</Button> </Button>
); );

2
client/src/components/Input/Generations/Regenerate.tsx
View file

@ -5,7 +5,7 @@ import Button from './Button';
export default function Regenerate({ onClick }: TGenButtonProps) { export default function Regenerate({ onClick }: TGenButtonProps) {
return ( return (
<Button onClick={onClick}> <Button onClick={onClick}>
<RegenerateIcon className="h-3 w-3 flex-shrink-0 text-gray-600/90" /> <RegenerateIcon className="h-3 w-3 flex-shrink-0 text-gray-600/90 dark:text-gray-400" />
Regenerate Regenerate
</Button> </Button>
); );

2
client/src/components/Input/Generations/Stop.tsx
View file

@ -5,7 +5,7 @@ import Button from './Button';
export default function Stop({ onClick }: TGenButtonProps) { export default function Stop({ onClick }: TGenButtonProps) {
return ( return (
<Button type="stop" onClick={onClick}> <Button type="stop" onClick={onClick}>
<StopGeneratingIcon className="text-gray-600/90" /> <StopGeneratingIcon className="text-gray-600/90 dark:text-gray-400 " />
Stop Stop
</Button> </Button>
); );

6
client/src/components/Messages/HoverButtons.tsx
View file

@ -46,7 +46,6 @@ export default function HoverButtons({
title="edit" title="edit"
disabled={!editEnabled} disabled={!editEnabled}
> >
{/* <button className="rounded-md p-1 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400"> */}
<EditIcon /> <EditIcon />
</button> </button>
<button <button
@ -67,8 +66,7 @@ export default function HoverButtons({
type="button" type="button"
title="regenerate" title="regenerate"
> >
{/* <button className="rounded-md p-1 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400"> */} <RegenerateIcon className="hover:text-gray-700 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400" />
<RegenerateIcon />
</button> </button>
) : null} ) : null}
{continueSupported ? ( {continueSupported ? (
@ -78,7 +76,7 @@ export default function HoverButtons({
type="button" type="button"
title="continue" title="continue"
> >
<ContinueIcon className="h-4 w-4" /> <ContinueIcon className="h-4 w-4 hover:text-gray-700 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400" />
</button> </button>
) : null} ) : null}
</div> </div>

2
client/src/components/svg/Clipboard.tsx
View file

@ -9,7 +9,7 @@ export default function Clipboard() {
viewBox="0 0 24 24" viewBox="0 0 24 24"
strokeLinecap="round" strokeLinecap="round"
strokeLinejoin="round" strokeLinejoin="round"
className="h-4 w-4 text-gray-600 dark:text-gray-400" className="h-4 w-4"
height="1em" height="1em"
width="1em" width="1em"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"

2
client/src/components/svg/ContinueIcon.tsx
View file

@ -9,7 +9,7 @@ export default function ContinueIcon({ className = '' }: { className?: string })
viewBox="0 0 24 24" viewBox="0 0 24 24"
strokeLinecap="round" strokeLinecap="round"
strokeLinejoin="round" strokeLinejoin="round"
className={cn('h-3 w-3 -rotate-180 text-gray-600 dark:text-gray-400', className)} className={cn('h-3 w-3 -rotate-180', className)}
height="1em" height="1em"
width="1em" width="1em"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"

2
client/src/components/svg/RegenerateIcon.tsx
View file

@ -9,7 +9,7 @@ export default function RegenerateIcon({ className = '' }: { className?: string
viewBox="0 0 24 24" viewBox="0 0 24 24"
strokeLinecap="round" strokeLinecap="round"
strokeLinejoin="round" strokeLinejoin="round"
className={cn('h-4 w-4 text-gray-600 dark:text-gray-400', className)} className={cn('h-4 w-4', className)}
height="1em" height="1em"
width="1em" width="1em"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"