Update GUI components
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user