fix: image error ui (#2124)

Co-authored-by: Innei <i@innei.in>

Author: xiangzy1

apps/renderer/src/components/ui/media/SwipeMedia.tsx

@@ -54,10 +54,10 @@ export function SwipeMedia({
       )}
     >
       {uniqMedia?.length ? (
-        <div ref={emblaRef} className="w-full overflow-hidden">
-          <div className="flex">
+        <div ref={emblaRef} className="size-full overflow-hidden">
+          <div className="flex size-full">
             {uniqMedia?.slice(0, 5).map((med, i) => (
-              <div className="mr-2 w-full flex-none" key={med.url}>
+              <div className="mr-2 size-full flex-none" key={med.url}>
                 <Media
                   className={cn(imgClassName, "size-full rounded-none")}
                   alt="cover"

apps/renderer/src/components/ui/media/preview-media.tsx

@@ -435,7 +435,7 @@ const FallbackableImage: FC<
       )}
       {isAllError && (
         <div
-          className="center pointer-events-none absolute inset-0 flex-col gap-6 text-white/80"
+          className="center pointer-events-none absolute inset-0 flex-col gap-6"
           onClick={stopPropagation}
           tabIndex={-1}
         >