Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-07-30 13:48:07 +02:00
Code Issues Projects Releases Wiki Activity

Improve the tablet layout

Browse Source
This commit is contained in:
Nicolas Mowen 2025-07-29 08:34:09 -06:00
parent 21d3476bd9
commit 0fa5c76f30
1 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web/src/views/recording/RecordingView.tsx
View File

@ -30,7 +30,12 @@ import {
useRef, useRef,
useState, useState,
} from "react"; } from "react";
import { isDesktop, isMobile } from "react-device-detect"; import {
isDesktop,
isMobile,
isMobileOnly,
isTablet,
} from "react-device-detect";
import { IoMdArrowRoundBack } from "react-icons/io"; import { IoMdArrowRoundBack } from "react-icons/io";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import { Toaster } from "@/components/ui/sonner"; import { Toaster } from "@/components/ui/sonner";
@ -621,9 +626,16 @@ export function RecordingView({
) )
: cn( : cn(
"pt-2 portrait:w-full", "pt-2 portrait:w-full",
mainCameraAspect == "wide" isMobileOnly &&
? "aspect-wide landscape:w-full" (mainCameraAspect == "wide"
: "aspect-video landscape:h-[94%] landscape:xl:h-[65%]", ? "aspect-wide landscape:w-full"
: "aspect-video landscape:h-[94%] landscape:xl:h-[65%]"),
isTablet &&
(mainCameraAspect == "wide"
? "aspect-wide landscape:w-full"
: mainCameraAspect == "normal"
? "landscape:w-full"
: "aspect-video landscape:h-[100%]"),
), ),
)} )}
style={{ style={{