1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2024-12-21 14:47:41 +01:00

better progress indicator

This commit is contained in:
Jelle van Snik 2023-01-14 16:03:59 +01:00
parent 2f1058cb9c
commit d161c948cd

View file

@ -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"