refactor(ui): remove hover color changes from channel message input buttons
This commit is contained in:
parent
e1bfac3da0
commit
e7d38fc565
@ -85,15 +85,6 @@ export function MessageInput({
|
||||
color: 'var(--text-muted)',
|
||||
display: 'flex',
|
||||
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" />
|
||||
@ -137,19 +128,8 @@ export function MessageInput({
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
transition: 'all 0.15s',
|
||||
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"
|
||||
>
|
||||
{uploading ? (
|
||||
@ -201,17 +181,8 @@ export function MessageInput({
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
transition: 'all 0.15s',
|
||||
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"
|
||||
>
|
||||
<Smile className="w-5 h-5" />
|
||||
@ -230,17 +201,8 @@ export function MessageInput({
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
transition: 'all 0.15s',
|
||||
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"
|
||||
>
|
||||
<AtSign className="w-5 h-5" />
|
||||
|
||||
Loading…
Reference in New Issue
Block a user