Place ptz controls next to birdseye view in large layout

This commit is contained in:
Nick Mowen 2023-01-19 15:30:35 -07:00
parent fd52caddcb
commit 021d099204

View File

@ -91,10 +91,11 @@ export default function Birdseye() {
)} )}
</div> </div>
<div className="xl:flex justify-between">
{player} {player}
{ptzCameras && ( {ptzCameras && (
<div className="dark:bg-gray-800 shadow-md hover:shadow-lg rounded-lg transition-shadow p-4 w-full sm:w-min"> <div className="dark:bg-gray-800 shadow-md hover:shadow-lg rounded-lg transition-shadow p-4 w-full sm:w-min xl:h-min">
<Heading size="sm">Control Panel</Heading> <Heading size="sm">Control Panel</Heading>
{ptzCameras.map((camera) => ( {ptzCameras.map((camera) => (
<div className="p-4" key={camera}> <div className="p-4" key={camera}>
@ -105,6 +106,7 @@ export default function Birdseye() {
</div> </div>
)} )}
</div> </div>
</div>
); );
} }