december improvements #2
@@ -1,4 +1,4 @@
|
|||||||
import { Dialog, DialogContent } from "@/components/ui/dialog";
|
import { Dialog, DialogContent, DialogTitle } from "@/components/ui/dialog";
|
||||||
import { type Media, type FaceRegion } from "@/domain/types";
|
import { type Media, type FaceRegion } from "@/domain/types";
|
||||||
import { AuthenticatedImage } from "./authenticated-image";
|
import { AuthenticatedImage } from "./authenticated-image";
|
||||||
import { Skeleton } from "../ui/skeleton";
|
import { Skeleton } from "../ui/skeleton";
|
||||||
@@ -42,6 +42,9 @@ export function MediaViewer({ media, onOpenChange }: MediaViewerProps) {
|
|||||||
return (
|
return (
|
||||||
<Dialog open={isOpen} onOpenChange={onOpenChange}>
|
<Dialog open={isOpen} onOpenChange={onOpenChange}>
|
||||||
<DialogContent className="min-w-[90vw] max-w-full h-[90vh] p-0 border-0">
|
<DialogContent className="min-w-[90vw] max-w-full h-[90vh] p-0 border-0">
|
||||||
|
<DialogTitle className="sr-only">
|
||||||
|
{media?.original_filename ?? "Media Viewer"}
|
||||||
|
</DialogTitle>
|
||||||
<ResizablePanelGroup direction="horizontal" className="h-full">
|
<ResizablePanelGroup direction="horizontal" className="h-full">
|
||||||
{/* --- Panel 1: The Image --- */}
|
{/* --- Panel 1: The Image --- */}
|
||||||
<ResizablePanel defaultSize={75} className="bg-gray-100">
|
<ResizablePanel defaultSize={75} className="bg-gray-100">
|
||||||
|
|||||||
Reference in New Issue
Block a user