administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-05-05 21:17:43 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Handle mobile landscape

Browse Source
This commit is contained in:
Nicolas Mowen 2025-03-28 09:29:01 -06:00
parent fe700aa8e3
commit 575eb3e5fe
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/pages/FaceLibrary.tsx
View File

@ -544,7 +544,9 @@ function TrainingGrid({
<div <div
className={cn( className={cn(
"gap-2", "gap-2",
isDesktop ? "flex flex-row flex-wrap" : "grid grid-cols-2", isDesktop
? "flex flex-row flex-wrap"
: "grid grid-cols-2 sm:grid-cols-5 lg:grid-cols-6",
)} )}
> >
{group.map((data: RecognizedFaceData) => ( {group.map((data: RecognizedFaceData) => (
@ -744,9 +746,7 @@ function FaceGrid({ faceImages, pageToggle, onDelete }: FaceGridProps) {
<div <div
className={cn( className={cn(
"scrollbar-container gap-2 overflow-y-scroll", "scrollbar-container gap-2 overflow-y-scroll",
isDesktop isDesktop ? "flex flex-wrap" : "grid grid-cols-2",
? "flex flex-wrap"
: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
)} )}
> >
{faceImages.map((image: string) => ( {faceImages.map((image: string) => (