mirror of
https://github.com/coracle-social/coracle.git
synced 2024-09-18 19:23:40 +00:00
heart animation
This commit is contained in:
parent
927d04b74e
commit
40c2506dc5
@ -2,6 +2,15 @@
|
||||
@tailwind components;
|
||||
@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-family: "Montserrat";
|
||||
font-style: normal;
|
||||
|
@ -262,7 +262,7 @@
|
||||
{$repliesCount}
|
||||
</div>
|
||||
<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}
|
||||
</div>
|
||||
<div>
|
||||
|
Loading…
Reference in New Issue
Block a user