progress style

Changed files
+2 -2
src
+2 -2
src/App.svelte
··· 223 <div class="flex gap-4"> 224 <div class="mt-4"> 225 <Progress value={lastKnownBundle.mempoolPercent} class="items-center"> 226 - <Progress.Circle style="--size: 48px; --thickness: 6px;"> 227 <Progress.CircleTrack /> 228 <Progress.CircleRange /> 229 </Progress.Circle> ··· 233 {#if lastKnownBundle.number > 0} 234 <div> 235 <div class="font-semibold text-2xl animate-pulse">{lastKnownBundle.number + 1}</div> 236 - <div>{formatNumber(lastKnownBundle.mempool)} / {formatNumber(BUNDLE_OPS)} <span class="opacity-50">({lastKnownBundle.mempoolPercent}%)</span></div> 237 {#if lastKnownBundle.etaNext} 238 <div class="mt-1 opacity-50">ETA: {formatDistanceToNow(lastKnownBundle.etaNext)}</div> 239 {/if}
··· 223 <div class="flex gap-4"> 224 <div class="mt-4"> 225 <Progress value={lastKnownBundle.mempoolPercent} class="items-center"> 226 + <Progress.Circle style="--size: 64px; --thickness: 10px;"> 227 <Progress.CircleTrack /> 228 <Progress.CircleRange /> 229 </Progress.Circle> ··· 233 {#if lastKnownBundle.number > 0} 234 <div> 235 <div class="font-semibold text-2xl animate-pulse">{lastKnownBundle.number + 1}</div> 236 + <div>{formatNumber(lastKnownBundle.mempool || 0)} / {formatNumber(BUNDLE_OPS)} <span class="opacity-50">({lastKnownBundle.mempoolPercent}%)</span></div> 237 {#if lastKnownBundle.etaNext} 238 <div class="mt-1 opacity-50">ETA: {formatDistanceToNow(lastKnownBundle.etaNext)}</div> 239 {/if}