Auto-format by https://ultralytics.com/actions

static/style.css

@@ -13,7 +13,11 @@ img {
 }
 
 .app-header {
-    background-color: rgb(255, 255, 255); /* Change the background color as needed */
+  background-color: rgb(
+    255,
+    255,
+    255
+  ); /* Change the background color as needed */
   color: rgb(0, 0, 0); /* Change the text color as needed */
   text-align: center;
   padding: 20px;
@@ -21,14 +25,14 @@ img {
   top: 20px; /* Adjust the distance from the top */
   left: 50%; /* Center horizontally */
   transform: translateX(-50%); /* Center horizontally */
-  }
+}
 
-  .app-header h1 {
+.app-header h1 {
   margin: 0;
   font-size: 2em; /* Adjust the font size as needed */
-  }
+}
 
-  .button-container {
+.button-container {
   text-align: center;
   margin-bottom: 20px;
   position: absolute;
@@ -38,7 +42,7 @@ img {
 }
 
 #startButton {
-    background-color: #4CAF50; /* Green color */
+  background-color: #4caf50; /* Green color */
   color: white;
   padding: 10px 20px; /* Adjust padding as needed */
   border: none;
@@ -51,7 +55,7 @@ img {
 }
 
 #stopButton {
-    background-color: #FF0000; /* Red color */
+  background-color: #ff0000; /* Red color */
   color: white;
   padding: 10px 20px; /* Adjust padding as needed */
   border: none;
@@ -63,7 +67,7 @@ img {
   margin: 4px 2px;
   cursor: pointer;
 }
-#videoDropdown{
+#videoDropdown {
   width: 10%;
   padding: 10px;
   font-size: 16px;
@@ -77,7 +81,7 @@ img {
 }
 
 .button-active {
-    background-color: #4CAF50; /* Green */
+  background-color: #4caf50; /* Green */
   color: white;
 
   /* Add more styles as needed, such as positioning */
@@ -89,7 +93,7 @@ img {
   /* Add more styles as needed */
 }
 
-.playButton{
+.playButton {
   background-color: #29ca8c; /* Green color */
   color: white;
   width: 100px;
@@ -104,7 +108,7 @@ img {
   transform: translateX(-50%); /* Center horizontally */
 }
 
-.detectionButton{
+.detectionButton {
   background-color: #0004ff; /* Green color */
   color: white;
   width: 100px;
@@ -117,7 +121,6 @@ img {
   top: 285px; /* Adjust the distance from the top */
   left: 54%; /* Center horizontally */
   transform: translateX(-50%); /* Center horizontally */
-
 }
 .loader {
   pointer-events: none;
@@ -130,8 +133,12 @@ img {
 }
 
 @keyframes an1 {
-    0% { transform: rotate(0turn); }
-    100% { transform: rotate(1turn); }
+  0% {
+    transform: rotate(0turn);
+  }
+  100% {
+    transform: rotate(1turn);
+  }
 }
 
 #vi {