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) {
return (
<Button type="continue" onClick={onClick}>
<ContinueIcon className="text-gray-600/90" />
<ContinueIcon className="text-gray-600/90 dark:text-gray-400 " />
Continue
</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) {
return (
<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
</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) {
return (
<Button type="stop" onClick={onClick}>
<StopGeneratingIcon className="text-gray-600/90" />
<StopGeneratingIcon className="text-gray-600/90 dark:text-gray-400 " />
Stop
</Button>
);

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

@ -46,7 +46,6 @@ export default function HoverButtons({
title="edit"
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 />
</button>
<button
@ -67,8 +66,7 @@ export default function HoverButtons({
type="button"
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 />
<RegenerateIcon className="hover:text-gray-700 dark:hover:bg-gray-700 dark:hover:text-gray-200 disabled:dark:hover:text-gray-400" />
</button>
) : null}
{continueSupported ? (
@ -78,7 +76,7 @@ export default function HoverButtons({
type="button"
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>
) : null}
</div>

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

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