Add PlateRead component and integrate it into the Dashboard; refactor VideoFeed and SightingStack for improved layout
This commit is contained in:
@@ -20,8 +20,8 @@ const VideoFeed = ({ mostRecentSighting, isLoading }: VideoFeedProps) => {
|
||||
|
||||
useEffect(() => {
|
||||
const updateSize = () => {
|
||||
const width = window.innerWidth * 0.5;
|
||||
const height = (width * 3) / 4;
|
||||
const width = window.innerWidth * 0.48;
|
||||
const height = (width * 2) / 3;
|
||||
setSize({ width, height });
|
||||
};
|
||||
updateSize();
|
||||
@@ -59,7 +59,7 @@ const VideoFeed = ({ mostRecentSighting, isLoading }: VideoFeedProps) => {
|
||||
height={plateRect?.[3] * size.height}
|
||||
stroke="blue"
|
||||
strokeWidth={4}
|
||||
zIndex={1}
|
||||
cornerRadius={5}
|
||||
/>
|
||||
</Layer>
|
||||
)}
|
||||
@@ -75,7 +75,7 @@ const VideoFeed = ({ mostRecentSighting, isLoading }: VideoFeedProps) => {
|
||||
height={rect[3] * size.height}
|
||||
stroke="red"
|
||||
strokeWidth={2}
|
||||
zIndex={1}
|
||||
cornerRadius={5}
|
||||
/>
|
||||
))}
|
||||
</Layer>
|
||||
|
||||
Reference in New Issue
Block a user