aljaz/landscape-template
1
0
Fork 0
mirror of https://github.com/aljazceru/landscape-template.git synced 2026-01-07 08:24:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: connect feed filters apis with ui, change filters list style

Browse Source
This commit is contained in:
MTG2000
2022-05-20 15:32:38 +03:00
parent 86e832e04b
commit 80c9e31467
46 changed files with 445 additions and 250 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/Components/VoteButton/VoteButton.tsx
View File

@@ -199,20 +199,36 @@ export default function VoteButton({
key={increment.id}
className={styles.vote_counter}
>+{increment.value}</span>)}
{sparks.map(spark =>
<div
key={spark.id}
className={styles.spark}
<div className="relative z-50">
<MdLocalFireDepartment className={styles.spark}
style={{
"--offsetX": spark.offsetX,
"--offsetY": spark.offsetY,
"--animationSpeed": spark.animationSpeed,
"--scale": spark.scale,
"animationName": spark.animation,
"color": spark.color
} as any}
><MdLocalFireDepartment className='' /></div>)
}
opacity: 1,
scale: 1,
top: 0,
left: 0,
color: 'green'
}}
/>
{sparks.map(spark =>
<div
key={spark.id}
className={styles.spark}
style={{
"--offsetX": spark.offsetX,
"--offsetY": spark.offsetY,
"--animationSpeed": spark.animationSpeed,
"--scale": spark.scale,
"animationName": spark.animation,
"color": spark.color
} as any}
><MdLocalFireDepartment className='' /></div>)
}
</div>
<div
className={styles.spark}
><MdLocalFireDepartment className='' /></div>
</button>
)

1
src/Components/VoteButton/styles.module.css
View File

@@ -136,6 +136,7 @@
transform: scale(var(--scale));
opacity: 0;
will-change: transform;
z-index: 3000;
animation-name: fly-spark-1;
animation-duration: calc(var(--animationSpeed) * 1s);