Improve the tablet layout (#19320)

* Improve the tablet layout

* Update imports sort

* Fix more imports
This commit is contained in:
Nicolas Mowen 2025-07-29 09:11:52 -06:00 committed by GitHub
parent f3118bb36b
commit 0a02c665fc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 18 additions and 6 deletions

View File

@ -11,8 +11,8 @@ from frigate.comms.inter_process import InterProcessRequestor
from frigate.const import (
CLIPS_DIR,
MODEL_CACHE_DIR,
UPDATE_MODEL_STATE,
PROCESS_PRIORITY_LOW,
UPDATE_MODEL_STATE,
)
from frigate.log import redirect_output_to_logger
from frigate.types import ModelStatusTypesEnum

View File

@ -22,8 +22,8 @@ from frigate.config.camera.updater import (
from frigate.const import (
CACHE_DIR,
CACHE_SEGMENT_FORMAT,
REQUEST_REGION_GRID,
PROCESS_PRIORITY_HIGH,
REQUEST_REGION_GRID,
)
from frigate.log import LogPipe
from frigate.motion import MotionDetector

View File

@ -30,7 +30,12 @@ import {
useRef,
useState,
} 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 { useNavigate } from "react-router-dom";
import { Toaster } from "@/components/ui/sonner";
@ -621,9 +626,16 @@ export function RecordingView({
)
: cn(
"pt-2 portrait:w-full",
mainCameraAspect == "wide"
? "aspect-wide landscape:w-full"
: "aspect-video landscape:h-[94%] landscape:xl:h-[65%]",
isMobileOnly &&
(mainCameraAspect == "wide"
? "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={{