feat: Implemented launching and downloading of roms
This is just an initial implementation lots of kings to iron out
This commit is contained in:
parent
ef08fa6114
commit
f15bf9a1e0
117 changed files with 37776 additions and 1073 deletions
29
src/mainview/components/backgrounds/dots.css
Normal file
29
src/mainview/components/backgrounds/dots.css
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
.ball {
|
||||
border-radius: 50%;
|
||||
animation: bounce 0.6s 32 alternate;
|
||||
}
|
||||
|
||||
.ball:nth-child(1) {
|
||||
background: var(--color-accent);
|
||||
animation-delay: 0s;
|
||||
}
|
||||
|
||||
.ball:nth-child(2) {
|
||||
background: var(--color-secondary);
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
|
||||
.ball:nth-child(3) {
|
||||
background: var(--color-primary);
|
||||
animation-delay: 0.4s;
|
||||
}
|
||||
|
||||
@keyframes bounce {
|
||||
from {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: translateY(-30px);
|
||||
}
|
||||
}
|
||||
10
src/mainview/components/backgrounds/dots.tsx
Normal file
10
src/mainview/components/backgrounds/dots.tsx
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
import './dots.css';
|
||||
|
||||
export default function DotsLoading ()
|
||||
{
|
||||
return <div className="flex gap-3 justify-center animation_alternate items-center pt-8">
|
||||
<div className="ball size-6"></div>
|
||||
<div className="ball size-6"></div>
|
||||
<div className="ball size-6"></div>
|
||||
</div>;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue