|
|
@@ -279,7 +279,7 @@ onMounted(() => {
|
|
|
align-items: center;
|
|
|
padding: 5px;
|
|
|
.function-item {
|
|
|
- width: 60px;
|
|
|
+ width: 68px;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: center;
|
|
|
@@ -300,17 +300,17 @@ onMounted(() => {
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
.businessMap {
|
|
|
- width: 60px;
|
|
|
- height: 40px;
|
|
|
- background: url("@/assets/images/map/vectorgraph.png") no-repeat;
|
|
|
+ width: 68px;
|
|
|
+ height: 48px;
|
|
|
+ background: url("@/assets/images/disasterRiskMonitor/radarEchoMap/businessGraph.png") no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
margin-bottom: 5px;
|
|
|
position: relative;
|
|
|
}
|
|
|
.satelliteMap {
|
|
|
- width: 60px;
|
|
|
- height: 40px;
|
|
|
- background: url("@/assets/images/map/satellite.png") no-repeat;
|
|
|
+ width: 68px;
|
|
|
+ height: 48px;
|
|
|
+ background: url("@/assets/images/disasterRiskMonitor/radarEchoMap/satellite.png") no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
margin-bottom: 5px;
|
|
|
position: relative;
|
|
|
@@ -401,6 +401,7 @@ onMounted(() => {
|
|
|
&:active {
|
|
|
background-color: #48a1f7;
|
|
|
color: #fff;
|
|
|
+ border: 1px solid #48a1f7;
|
|
|
.icon-left {
|
|
|
background: url("@/assets/images/disasterRiskMonitor/radarEchoMap/left2.png") no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
@@ -419,6 +420,7 @@ onMounted(() => {
|
|
|
.btn-active {
|
|
|
background-color: #48a1f7 !important;
|
|
|
color: #fff !important;
|
|
|
+ border: 1px solid #48a1f7 !important;
|
|
|
.icon-legend {
|
|
|
background: url("@/assets/images/disasterRiskMonitor/radarEchoMap/legend2.png") no-repeat;
|
|
|
background-size: 100% 100%;
|
