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)',
|
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" />
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user