Update app.py

Created new status box that is compatible with screen size

app.py

@@ -17,7 +17,7 @@ from sample_utils.turn import get_ice_servers
 logger = logging.getLogger(__name__)
 
 # Streamlit setup
-st.set_page_config(page_title="AI Squat Detection", page_icon="🏋️", layout="wide")
+st.set_page_config(page_title="AI Squat Detection", page_icon="🏋️")
 st.markdown(
     """<style>
     .status-box {
@@ -118,12 +118,10 @@ def video_frame_callback(frame: av.VideoFrame) -> av.VideoFrame:
             if 80 < angleKneeL < 110 and stage == 'up':
                 stage = 'down'
         
-          # Render Counter  to our camera screen
-   # Setup Status box
-        cv2.rectangle(image, (0,0), (720, 80),(127, 248, 236), -1)
-        cv2.rectangle(image, (0, 3), (715, 77), (12, 85, 61), -1)
-
-# REP data
+         # REP data
+# Setup Status box
+        cv2.rectangle(image, (0,0), (275, 220), (127, 248, 236), -1)
+        cv2.rectangle(image, (0, 3), (273, 217), (12, 85, 61), -1)
 
         cv2.putText(image, 'Left', (10, 22),
             cv2.FONT_HERSHEY_SIMPLEX, 0.7, (255, 255, 255), 2, cv2.LINE_AA)
@@ -139,22 +137,22 @@ def video_frame_callback(frame: av.VideoFrame) -> av.VideoFrame:
         cv2.putText(image, stage,
             (170, 70), cv2.FONT_HERSHEY_SIMPLEX, 1.7, (255, 255, 255), 2, cv2.LINE_AA)
 
-# # Hip angle
+# Hip angle
 
 
-#         cv2.putText(image, 'HipL', (350, 22),
-#             cv2.FONT_HERSHEY_SIMPLEX, 0.7, (255, 255, 255), 2, cv2.LINE_AA)
+        cv2.putText(image, 'HipL', (10, 150),
+            cv2.FONT_HERSHEY_SIMPLEX, 0.7, (255, 255, 255), 2, cv2.LINE_AA)
 
-#         cv2.putText(image, str(int(angleHipL)),
-#             (340, 70), cv2.FONT_HERSHEY_SIMPLEX, 1.7, (255, 255, 255), 2, cv2.LINE_AA)
+        cv2.putText(image, str(int(angleHipL)),
+            (0, 200), cv2.FONT_HERSHEY_SIMPLEX, 1.7, (255, 255, 255), 2, cv2.LINE_AA)
 
-# # Knee angle
+# Knee angle
 
-#         cv2.putText(image, 'Knee', (545, 22),
-#             cv2.FONT_HERSHEY_SIMPLEX, 0.7, (255, 255, 255), 2, cv2.LINE_AA)
+        cv2.putText(image, 'Knee', (180, 150),
+            cv2.FONT_HERSHEY_SIMPLEX, 0.7, (255, 255, 255), 2, cv2.LINE_AA)
 
-#         cv2.putText(image, str(int(angleKneeL)),
-#             (535, 70), cv2.FONT_HERSHEY_SIMPLEX, 1.7, (255, 255, 255), 2, cv2.LINE_AA)
+        cv2.putText(image, str(int(angleKneeL)),
+            (170, 200), cv2.FONT_HERSHEY_SIMPLEX, 1.7, (255, 255, 255), 2, cv2.LINE_AA)
         mp_drawing.draw_landmarks(image, results.pose_landmarks, mp_pose.POSE_CONNECTIONS,mp_drawing.DrawingSpec(color=(255, 175, 0), thickness=2, circle_radius=2),mp_drawing.DrawingSpec(color=(0, 255, 200), thickness=2, circle_radius=2))
 
     result_queue.put(detections)