Mirrors/movie-web
2
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2024-09-21 13:39:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

better progress indicator

Browse Source
This commit is contained in:
Jelle van Snik 2023-01-14 16:03:59 +01:00
parent 2f1058cb9c
commit d161c948cd
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/media/MediaScrapeLog.tsx
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"