mirror of
https://github.com/CherryHQ/cherry-studio.git
synced 2026-01-08 14:29:15 +08:00
style(ui): update button hover background color to use CSS variable
Consistent hover state styling across components by using --color-list-item variable instead of accent color
This commit is contained in:
parent
ebdd90b235
commit
b82b16b5f6
@ -60,7 +60,7 @@ export const Agents: FC<AssistantsTabProps> = () => {
|
|||||||
<Button
|
<Button
|
||||||
onPress={(e) => e.continuePropagation()}
|
onPress={(e) => e.continuePropagation()}
|
||||||
startContent={<Plus size={16} className="mr-1 shrink-0 translate-x-[-2px]" />}
|
startContent={<Plus size={16} className="mr-1 shrink-0 translate-x-[-2px]" />}
|
||||||
className="w-full justify-start bg-transparent text-foreground-500 hover:bg-accent">
|
className="w-full justify-start bg-transparent text-foreground-500 hover:bg-[var(--color-list-item)]">
|
||||||
{t('agent.add.title')}
|
{t('agent.add.title')}
|
||||||
</Button>
|
</Button>
|
||||||
)
|
)
|
||||||
|
|||||||
@ -75,7 +75,7 @@ const Assistants: FC<AssistantsProps> = ({
|
|||||||
return (
|
return (
|
||||||
<Button
|
<Button
|
||||||
onPress={onCreateAssistant}
|
onPress={onCreateAssistant}
|
||||||
className="w-full justify-start bg-transparent text-foreground-500 hover:bg-accent">
|
className="w-full justify-start bg-transparent text-foreground-500 hover:bg-[var(--color-list-item)]">
|
||||||
<Plus size={16} style={{ marginRight: 4, flexShrink: 0 }} />
|
<Plus size={16} style={{ marginRight: 4, flexShrink: 0 }} />
|
||||||
{t('chat.add.assistant.title')}
|
{t('chat.add.assistant.title')}
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user