mirrors
/
yolov5
mirror of https://github.com/ultralytics/yolov5.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

pull/12706/head
UltralyticsAssistant 2024-08-11 08:32:56 +00:00
parent d2709a0bae
commit 4b01e99218
1 changed files with 119 additions and 112 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
static/style.css
View File

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