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

Fix drawer not being scrollable

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-28 09:27:56 -06:00
parent 36d5e5b45f
commit afb15a2e54
1 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
web/src/components/overlay/MobileCameraDrawer.tsx
View File

@ -27,19 +27,21 @@ export default function MobileCameraDrawer({
<FaVideo className="text-muted-foreground" /> <FaVideo className="text-muted-foreground" />
</Button> </Button>
</DrawerTrigger> </DrawerTrigger>
<DrawerContent className="max-h-[75dvh] overflow-y-auto flex flex-col items-center gap-2 px-4 pb-4 mx-1 rounded-t-2xl"> <DrawerContent className="max-h-[75dvh] px-4 pb-4 mx-1 rounded-t-2xl overflow-hidden">
{allCameras.map((cam) => ( <div className="w-full h-auto overflow-y-auto overflow-x-hidden flex flex-col items-center gap-2">
<div {allCameras.map((cam) => (
key={cam} <div
className={`w-full mx-4 py-2 text-center capitalize ${cam == selected ? "bg-secondary rounded-lg" : ""}`} key={cam}
onClick={() => { className={`w-full mx-4 py-2 text-center capitalize ${cam == selected ? "bg-secondary rounded-lg" : ""}`}
onSelectCamera(cam); onClick={() => {
setCameraDrawer(false); onSelectCamera(cam);
}} setCameraDrawer(false);
> }}
{cam.replaceAll("_", " ")} >
</div> {cam.replaceAll("_", " ")}
))} </div>
))}
</div>
</DrawerContent> </DrawerContent>
</Drawer> </Drawer>
); );