fix thread icon size and color (#26288)

This commit is contained in:
Matthew Birtch 2024-02-26 10:53:23 -05:00 committed by GitHub
parent 0e8640afeb
commit 782f81d22f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 11 additions and 5 deletions

View File

@ -11,15 +11,21 @@
.icon { .icon {
padding: 3px; padding: 3px;
margin-right: 8px; margin-right: 7px;
margin-left: 1px; margin-left: -1px;
svg { svg {
fill: rgba(var(--sidebar-text-rgb), 0.75); fill: rgba(var(--sidebar-text-rgb), 0.64);
vertical-align: middle; vertical-align: middle;
} }
} }
&.unread-title {
svg {
fill: var(--sidebar-text);
}
}
&:hover { &:hover {
padding-right: 16px; padding-right: 16px;

View File

@ -7,8 +7,8 @@ import type {HTMLAttributes} from 'react';
const ThreadsIcon = (attrs: HTMLAttributes<SVGElement>) => { const ThreadsIcon = (attrs: HTMLAttributes<SVGElement>) => {
return ( return (
<svg <svg
width='14' width='18'
height='13' height='18'
viewBox='0 0 14 13' viewBox='0 0 14 13'
fill='none' fill='none'
xmlns='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg'