refactor(ui): remove hover color changes from channel message input buttons

This commit is contained in:
ZhenYi 2026-05-18 21:15:07 +08:00
parent e1bfac3da0
commit e7d38fc565

View File

@ -85,15 +85,6 @@ export function MessageInput({
color: 'var(--text-muted)', color: 'var(--text-muted)',
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
transition: 'all 0.15s',
}}
onMouseEnter={(e) => {
e.currentTarget.style.backgroundColor = 'var(--hover-bg)';
e.currentTarget.style.color = 'var(--text-primary)';
}}
onMouseLeave={(e) => {
e.currentTarget.style.backgroundColor = 'transparent';
e.currentTarget.style.color = 'var(--text-muted)';
}} }}
> >
<X className="w-3.5 h-3.5" /> <X className="w-3.5 h-3.5" />
@ -137,19 +128,8 @@ export function MessageInput({
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
transition: 'all 0.15s',
flexShrink: 0, flexShrink: 0,
}} }}
onMouseEnter={(e) => {
if (!uploading) {
e.currentTarget.style.backgroundColor = 'var(--hover-bg)';
e.currentTarget.style.color = 'var(--accent)';
}
}}
onMouseLeave={(e) => {
e.currentTarget.style.backgroundColor = 'transparent';
e.currentTarget.style.color = 'var(--text-muted)';
}}
title="Attach file" title="Attach file"
> >
{uploading ? ( {uploading ? (
@ -201,17 +181,8 @@ export function MessageInput({
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
transition: 'all 0.15s',
flexShrink: 0, flexShrink: 0,
}} }}
onMouseEnter={(e) => {
e.currentTarget.style.backgroundColor = 'var(--hover-bg)';
e.currentTarget.style.color = 'var(--accent)';
}}
onMouseLeave={(e) => {
e.currentTarget.style.backgroundColor = 'transparent';
e.currentTarget.style.color = 'var(--text-muted)';
}}
title="Add emoji" title="Add emoji"
> >
<Smile className="w-5 h-5" /> <Smile className="w-5 h-5" />
@ -230,17 +201,8 @@ export function MessageInput({
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
transition: 'all 0.15s',
flexShrink: 0, flexShrink: 0,
}} }}
onMouseEnter={(e) => {
e.currentTarget.style.backgroundColor = 'var(--hover-bg)';
e.currentTarget.style.color = 'var(--accent)';
}}
onMouseLeave={(e) => {
e.currentTarget.style.backgroundColor = 'transparent';
e.currentTarget.style.color = 'var(--text-muted)';
}}
title="Mention someone" title="Mention someone"
> >
<AtSign className="w-5 h-5" /> <AtSign className="w-5 h-5" />