muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

improve like readability

Browse source
This commit is contained in:
Fedor Katurov 2023-11-01 21:54:01 +06:00
parent bd802ede10
commit 897f3c6733
3 changed files with 11 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/comment/CommentContent/styles.module.scss
View file

@ -57,6 +57,7 @@
.content { .content {
width: 100%; width: 100%;
position: relative; position: relative;
z-index: 1;
} }
.block { .block {
@ -111,7 +112,7 @@
font: $font_12_medium; font: $font_12_medium;
color: $gray_75; color: $gray_75;
fill: $gray_75; fill: $gray_75;
padding: 3px 6px; padding: 3px 5px 3px 8px;
z-index: 2; z-index: 2;
background: $content_bg_light; background: $content_bg_light;
border-radius: 4px; border-radius: 4px;

2
src/components/comment/CommentLike/index.tsx
View file

@ -34,7 +34,7 @@ const CommentLike: FC<CommentLikeProps> = ({
})} })}
> >
<div className={styles.icon}> <div className={styles.icon}>
<Icon icon={count ? 'heart_full' : 'heart'} size={14} /> <Icon icon={count ? 'heart_full' : 'heart'} size={18} />
</div> </div>
{Boolean(count) && <span className={styles.count}>{count}</span>} {Boolean(count) && <span className={styles.count}>{count}</span>}

12
src/components/comment/CommentLike/styles.module.scss
View file

@ -4,7 +4,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 2px; gap: 4px;
position: relative; position: relative;
&.active { &.active {
@ -13,7 +13,7 @@
&::before { &::before {
content: ' '; content: ' ';
position: absolute; position: absolute;
inset: -10px -10px -8px -16px; inset: -16px -10px -8px -40px;
} }
&:not(.liked):hover .icon { &:not(.liked):hover .icon {
@ -29,6 +29,10 @@
.icon { .icon {
position: relative; position: relative;
width: 14px; width: 18px;
height: 14px; height: 18px;
}
.count {
font: $font_12_semibold;
} }