mirror of
https://github.com/blakeblackshear/frigate.git
synced 2025-08-04 13:47:37 +02:00
Improve the tablet layout (#19320)
* Improve the tablet layout * Update imports sort * Fix more imports
This commit is contained in:
parent
f3118bb36b
commit
0a02c665fc
@ -11,8 +11,8 @@ from frigate.comms.inter_process import InterProcessRequestor
|
|||||||
from frigate.const import (
|
from frigate.const import (
|
||||||
CLIPS_DIR,
|
CLIPS_DIR,
|
||||||
MODEL_CACHE_DIR,
|
MODEL_CACHE_DIR,
|
||||||
UPDATE_MODEL_STATE,
|
|
||||||
PROCESS_PRIORITY_LOW,
|
PROCESS_PRIORITY_LOW,
|
||||||
|
UPDATE_MODEL_STATE,
|
||||||
)
|
)
|
||||||
from frigate.log import redirect_output_to_logger
|
from frigate.log import redirect_output_to_logger
|
||||||
from frigate.types import ModelStatusTypesEnum
|
from frigate.types import ModelStatusTypesEnum
|
||||||
|
@ -22,8 +22,8 @@ from frigate.config.camera.updater import (
|
|||||||
from frigate.const import (
|
from frigate.const import (
|
||||||
CACHE_DIR,
|
CACHE_DIR,
|
||||||
CACHE_SEGMENT_FORMAT,
|
CACHE_SEGMENT_FORMAT,
|
||||||
REQUEST_REGION_GRID,
|
|
||||||
PROCESS_PRIORITY_HIGH,
|
PROCESS_PRIORITY_HIGH,
|
||||||
|
REQUEST_REGION_GRID,
|
||||||
)
|
)
|
||||||
from frigate.log import LogPipe
|
from frigate.log import LogPipe
|
||||||
from frigate.motion import MotionDetector
|
from frigate.motion import MotionDetector
|
||||||
|
@ -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 &&
|
||||||
|
(mainCameraAspect == "wide"
|
||||||
? "aspect-wide landscape:w-full"
|
? "aspect-wide landscape:w-full"
|
||||||
: "aspect-video landscape:h-[94%] landscape:xl:h-[65%]",
|
: "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={{
|
||||||
|
Loading…
Reference in New Issue
Block a user