mirror of
https://github.com/sussy-code/smov.git
synced 2024-12-29 16:07:40 +01:00
better progress indicator
This commit is contained in:
parent
2f1058cb9c
commit
d161c948cd
1 changed files with 8 additions and 2 deletions
|
@ -16,11 +16,17 @@ function MediaScrapePillSkeleton() {
|
||||||
function MediaScrapePill({ event }: MediaScrapePillProps) {
|
function MediaScrapePill({ event }: MediaScrapePillProps) {
|
||||||
return (
|
return (
|
||||||
<div className="flex h-9 w-[220px] items-center rounded-full bg-slate-800 p-3 text-denim-700">
|
<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 ? (
|
{!event.errored ? (
|
||||||
<svg className="h-[18px] w-[18px] -rotate-90" viewBox="0 0 100 100">
|
<svg className="h-[18px] w-[18px] -rotate-90" viewBox="0 0 100 100">
|
||||||
<circle
|
<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"
|
r="40"
|
||||||
cx="50"
|
cx="50"
|
||||||
cy="50"
|
cy="50"
|
||||||
|
|
Loading…
Reference in a new issue