fixes

Etherna · Nov 15, 2024 · 6eb5bc1 · 6eb5bc1
1 parent 109ba70
commit 6eb5bc1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/player/overlays.tsx b/src/components/player/overlays.tsx
@@ -134,7 +134,7 @@ export function Startup() {
 
 export function WatchOnEtherna({ hash }: { hash: string }) {
   return (
-    <div className="absolute bottom-2 left-0 z-1 -translate-x-full transition-transform duration-200 ease-out media-paused:translate-x-0 media-started:bottom-auto media-started:top-6 md:bottom-auto md:top-6">
+    <div className="absolute bottom-2 left-0 z-10 -translate-x-full transition-transform duration-200 ease-out media-paused:translate-x-0 media-started:bottom-auto media-started:top-6 md:bottom-auto md:top-6">
       <a
         className="inline-flex items-center space-x-3 rounded-r-md bg-gray-800/60 p-3 text-sm font-medium tracking-tight text-white hover:text-white sm:p-4"
         href={routes.withOrigin.watch(hash)}

diff --git a/src/components/ui/display/ProgressBar.tsx b/src/components/ui/display/ProgressBar.tsx
@@ -73,12 +73,13 @@ const ProgressBar: React.FC<ProgressBarProps> = ({
       data-component="progress-bar"
     >
       <div
-        className={cn("h-full rounded-full transition-[width] duration-300", {
+        className={cn("h-full rounded-full transition-[width]", {
           "bg-primary-500 text-primary-500": color === "primary",
           "bg-green-500 text-green-500": color === "success",
           "bg-red-500 text-red-500": color === "error",
           "bg-gray-400 text-gray-500 dark:bg-gray-600 dark:text-gray-300": color === "muted",
           "animate-[pulse_4s_infinite]": color === "rainbow",
+          "duration-300": !indeterminate,
           "absolute inset-0 w-full animate-slide": indeterminate,
         })}
         style={{