administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-12 22:25:24 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Handle mobile landscape

Browse Source
This commit is contained in:
Nicolas Mowen 2024-08-02 06:56:45 -06:00
parent 612562c009
commit bc6bd0c577
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/pages/Exports.tsx
View File

@ -17,6 +17,7 @@ import { cn } from "@/lib/utils";
import { DeleteClipType, Export } from "@/types/export";
import axios from "axios";
import { useCallback, useEffect, useMemo, useState } from "react";
import { isMobile } from "react-device-detect";
import { LuFolderX } from "react-icons/lu";
import { toast } from "sonner";
import useSWR from "swr";
@ -131,14 +132,16 @@ function Exports() {
}
}}
>
<DialogContent className="max-w-[80%]">
<DialogContent
className={cn("max-w-[80%]", isMobile && "landscape:max-w-[60%]")}
>
<DialogTitle className="capitalize">
{selected?.name?.replaceAll("_", " ")}
</DialogTitle>
<video
className={cn(
"size-full rounded-lg md:rounded-2xl",
selectedAspect < 1.5 ? "aspect-video h-full" : "",
selectedAspect < 1.5 && "aspect-video h-full",
)}
playsInline
preload="auto"