mirror of
https://github.com/coracle-social/coracle.git
synced 2024-09-19 11:43:35 +00:00
heart animation
This commit is contained in:
parent
927d04b74e
commit
40c2506dc5
@ -2,6 +2,15 @@
|
|||||||
@tailwind components;
|
@tailwind components;
|
||||||
@tailwind utilities;
|
@tailwind utilities;
|
||||||
|
|
||||||
|
@layer utilities {
|
||||||
|
.fa-beat-custom {
|
||||||
|
--fa-animation-duration: 0.4s;
|
||||||
|
--fa-fade-opacity: 0.6;
|
||||||
|
--fa-animation-iteration-count: 1;
|
||||||
|
--fa-beat-scale: 1.4;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Montserrat";
|
font-family: "Montserrat";
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
@ -262,7 +262,7 @@
|
|||||||
{$repliesCount}
|
{$repliesCount}
|
||||||
</div>
|
</div>
|
||||||
<div class={cx({'text-accent': like})}>
|
<div class={cx({'text-accent': like})}>
|
||||||
<button class="fa fa-heart cursor-pointer" on:click={() => like ? deleteReaction(like) : react("+")} />
|
<button class={cx('fa fa-heart cursor-pointer', {'fa-beat fa-beat-custom': like})} on:click={() => like ? deleteReaction(like) : react("+")} />
|
||||||
{$likesCount}
|
{$likesCount}
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
Loading…
Reference in New Issue
Block a user