ivandimitrov8080/idimitrov.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix mobile stars

Browse Source
This commit is contained in:
Ivan Kirilov Dimitrov 2024-08-02 12:49:17 +02:00
parent b61754dd8f
commit b9f26ce320
No known key found for this signature in database
GPG Key ID: 0BDAD4B211C49294
2 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
bun.lockb
View File

Binary file not shown.

6
src/components/stars.tsx
View File

@ -24,8 +24,6 @@ const Stars = ({ count }: Props) => {
background: `radial-gradient(circle, ${randomRgba(0.6)} 0%, ${randomRgba(0)} 100%)`, background: `radial-gradient(circle, ${randomRgba(0.6)} 0%, ${randomRgba(0)} 100%)`,
width: radius, width: radius,
height: radius, height: radius,
transform: "translate(-50%)",
animation: "spinner 5s linear infinite"
}; };
if (key) { if (key) {
style = { style = {
@ -59,14 +57,14 @@ const Stars = ({ count }: Props) => {
height: containerRadius, height: containerRadius,
animation: `${animation} ${duration}s linear infinite` animation: `${animation} ${duration}s linear infinite`
}} }}
className="absolute"> className="absolute z-10 max-w-full max-h-full">
{star()} {star()}
</div> </div>
) )
} }
return ( return (
<div> <div className="absolute w-screen h-screen overflow-hidden">
{Array.from({ length: count }).map((_it, i) => { {Array.from({ length: count }).map((_it, i) => {
return i % 4 === 0 ? spinningStar(i) : star(i) return i % 4 === 0 ? spinningStar(i) : star(i)
})} })}