Update GUI components

This commit is contained in:
2026-03-11 21:25:30 +08:00
parent b2c2407e21
commit 46a07efce0
9 changed files with 442 additions and 105 deletions
+6 -6
View File
@@ -60,7 +60,7 @@ class DroneMap:
}
.control-button {
padding: 8px 12px;
background-color: #F44336;
background-color: #EF5350;
color: white;
border: none;
border-radius: 4px;
@@ -70,7 +70,7 @@ class DroneMap:
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.control-button:hover {
background-color: #D32F2F;
background-color: #E53935;
}
.mission-info-panel {
position: absolute;
@@ -160,7 +160,7 @@ class DroneMap:
.selection-button {
width: 100%;
padding: 8px;
background-color: #F44336;
background-color: #F06A61;
color: white;
border: none;
border-radius: 4px;
@@ -170,17 +170,17 @@ class DroneMap:
transition: background-color 0.2s;
}
.selection-button:hover {
background-color: #D32F2F;
background-color: #E53935;
}
.selection-button.active {
background-color: #C62828;
background-color: #D32F2F;
}
</style>
</head>
<body>
<div id="map"></div>
<div class="map-controls">
<button class="control-button" onclick="clearAllTrajectories()">清除軌跡</button>
<button class="selection-button" onclick="clearAllTrajectories()">清除軌跡</button>
<button class="selection-button" id="select-rect-btn" onclick="toggleRectSelection()">框選方形區域</button>
<button class="selection-button" id="select-polygon-btn" onclick="togglePolygonSelection()">多點選擇區域</button>
</div>