fix: style (#359)

RSSNext · Sep 12, 2024 · 3d39308 · 3d39308
1 parent 9024b6a
commit 3d39308
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/renderer/src/components/ui/media/VideoPlayer.tsx b/src/renderer/src/components/ui/media/VideoPlayer.tsx
@@ -222,7 +222,7 @@ const ControlBar = memo(() => {
       dragMomentum={false}
       dragConstraints={{ current: document.documentElement }}
       className={cn(
-        "absolute inset-x-2 bottom-2 h-8 rounded-2xl border bg-zinc-100/90 backdrop-blur-xl dark:border-transparent dark:bg-neutral-700/90",
+        "absolute inset-x-2 -bottom-10 h-8 rounded-2xl border bg-zinc-100/90 backdrop-blur-xl dark:border-transparent dark:bg-neutral-700/90",
         "flex items-center gap-3 px-3",
         "mx-auto max-w-[80vw]",
       )}

diff --git a/src/renderer/src/components/ui/media/preview-media.tsx b/src/renderer/src/components/ui/media/preview-media.tsx
@@ -300,7 +300,7 @@ const FallbackableImage: FC<
   return (
     <div className="flex size-full flex-col">
       {isLoading && !isAllError && (
-        <div className="center absolute size-full">
+        <div className="center absolute inset-0 size-full">
           <i className="i-mgc-loading-3-cute-re size-8 animate-spin text-white/80" />
         </div>
       )}
@@ -335,7 +335,7 @@ const FallbackableImage: FC<
       )}
 
       {currentState === "fallback" && (
-        <div className="mt-4 text-xs">
+        <div className="mt-4 text-center text-xs">
           <span>
             This image is preview in low quality, because the original image is not available.
           </span>