Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-01-11 22:40:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix(Ratings): icons styles

Browse source
This commit is contained in:
Timothy Z. 2025-06-05 19:47:33 +03:00
parent ecfaa518a0
commit 3dbcff6fb9
3 changed files with 3 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/MetaPreview/MetaPreview.js
View file

@ -260,7 +260,7 @@ const MetaPreview = React.forwardRef(({ className, compact, name, logo, backgrou
null
}
{
!compact ?
!compact && like.type === 'Ready' ?
<Ratings
metaId={metaId}
like={like}

5
src/components/MetaPreview/Ratings/Ratings.less
View file

@ -32,11 +32,6 @@
&:hover {
opacity: 1;
}
&.active {
opacity: 0.9;
fill: var(--primary-foreground-color);
}
}
}
}

4
src/components/MetaPreview/Ratings/Ratings.tsx
View file

@ -23,10 +23,10 @@ const Ratings = ({ metaId, like, className }: Props) => {
return (
<div className={classNames(styles['ratings-container'], className)}>
<div className={styles['icon-container']} onClick={onLiked}>
<Icon name={'thumbs-up'} className={classNames(styles['icon'], { [styles['active']]: liked })} />
<Icon name={liked ? 'thumbs-up' : 'thumbs-up-outline'} className={styles['icon']} />
</div>
<div className={styles['icon-container']} onClick={onLoved}>
<Icon name={'heart'} className={classNames(styles['icon'], { [styles['active']]: loved })} />
<Icon name={loved ? 'heart' : 'heart-outline'} className={styles['icon']} />
</div>
</div>
);