mirror of
https://github.com/movie-web/movie-web.git
synced 2024-11-11 01:35:08 +01:00
better progress indicator
This commit is contained in:
parent
2f1058cb9c
commit
d161c948cd
@ -16,11 +16,17 @@ function MediaScrapePillSkeleton() {
|
||||
function MediaScrapePill({ event }: MediaScrapePillProps) {
|
||||
return (
|
||||
<div className="flex h-9 w-[220px] items-center rounded-full bg-slate-800 p-3 text-denim-700">
|
||||
<div className="mr-2">
|
||||
<div className="mr-2 flex w-[18px] items-center justify-center">
|
||||
{!event.errored ? (
|
||||
<svg className="h-[18px] w-[18px] -rotate-90" viewBox="0 0 100 100">
|
||||
<circle
|
||||
className="fill-transparent stroke-denim-700 stroke-[15] transition-[stroke-dashoffset] duration-150"
|
||||
className="fill-transparent stroke-denim-700 stroke-[15] opacity-25"
|
||||
r="40"
|
||||
cx="50"
|
||||
cy="50"
|
||||
/>
|
||||
<circle
|
||||
className="fill-transparent stroke-bink-700 stroke-[15] transition-[stroke-dashoffset] duration-150"
|
||||
r="40"
|
||||
cx="50"
|
||||
cy="50"
|
||||
|
Loading…
Reference in New Issue
Block a user