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

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

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

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

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